微信小程序内嵌webview,部分安卓机型无法打开h5界面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序内嵌webview,部分安卓机型无法打开h5界面相关的知识,希望对你有一定的参考价值。

参考技术A 微信小程序内嵌webview,部分安卓机型无法打开h5界面,h5地址格式为:http://xxx?wxinfo=xxx,ios和大部分机型可正常打开内嵌的h5界面,考虑是传参格式问题,地址栏带参编码问题,解决方式如下:

小程序上:

let base64 = require('./base64.js'),引用base64进行编码进行传参

h5项目上:

进行base64.decode解析

解决小程序webview中无法上传图片问题

参考技术A 最近被支付宝小程序内嵌H5无法上传图片折磨到没脾气,H5本身上传图片没问题,但是嵌套在小程序中就无法上传。

在调试过程中发现可能是formData参数无法传送给后台造成的,试了很多解决方法都不行,最后只能利用web view通信方法以及与支付宝API相结合来解决。

首先,在H5上传图片时调用my.chooseImage方法:

由于在H5中无法使用my.uploadFile方法,所以上传至后台操作需要在支付宝小程序中进行
支付宝小程序接收到路径后,调用my.uploadFile方法进行图片上传

最后,在H5 my.onMessage函数中接收小程序传来的图片地址,进行页面渲染

以上是关于微信小程序内嵌webview,部分安卓机型无法打开h5界面的主要内容,如果未能解决你的问题,请参考以下文章

解决小程序webview中无法上传图片问题

请问微信小程序里 web-view内嵌网页 如何获取内页的标题并分享

小程序直接打开内嵌h5界面进行调试问题

小程序内嵌webview在部分iOS手机上的使用问题

微信小程序webview打开h5点击按钮无反应

非微信环境的H5打开小程序和微信app