微信小程序Webview上传图片闪退

微信小程序使用我们在做一些需要快速开展的业务时提供了很多便利。

现在有很多开发者和公司都投入到了小程序的使用和开发中。

在开发微信小程序时，有时我们会使用到Webview，它可以在小程序中引入其它的H5页面（可以把它理解为一个iframe），大大提升了小程序开发的灵活性。

但是由于引入的H5页面是在微信的内置Webview中运行，所以有些功能相比浏览器是被阉割的。比如在Webview中引入的页面有上传图片功能，如果使用JS进行图片上传，则会在上传图片时闪退或报错，但是如果在浏览器中运行则没有这个问题，可以正常上传。

这是怎么回事呢？实际上这是小程序的一个Bug，而且这个Bug，官方至今没有修复。也许是官方对于安全方面的考虑吧。

那么我们如果遇到这样的问题该怎么办呢？我只能让页面跳转到小程序的页面，在小程序的页面中使用小程序的方法上传图片。如下：

HTML（Webview引入的H5页面）， 引入小程序的JS文件
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>

在这个H5的JS文件中使用此方法跳转到指定小程序页面
wx.miniProgram.navigateTo({
  url:'/pages/packages1/healthProve/healthProve?param=' + listParam,
  success: function(){
    console.log('success')
  },
  fail: function(){
    console.log('fail');
  },
  complete:function(){
     console.log('complete');
  }    
});
上传图片的操作在小程序页面里使用官方提供的上传方法即可。

个人公众号：肆拾手记