微信小程序Webview上傳圖片閃退

微信小程序使用我們在做一些需要快速開展的業務時提供了很多便利。

現在有很多開發者和公司都投入到了小程序的使用和開發中。

在開發微信小程序時,有時我們會使用到Webview,它可以在小程序中引入其它的H5頁面(可以把它理解為一個iframe),大大提升了小程序開發的靈活性。

但是由於引入的H5頁面是在微信的內置Webview中運行,所以有些功能相比瀏覽器是被閹割的。比如在Webview中引入的頁面有上傳圖片功能,如果使用JS進行圖片上傳,則會在上傳圖片時閃退或報錯,但是如果在瀏覽器中運行則沒有這個問題,可以正常上傳。

這是怎麼回事呢?實際上這是小程序的一個Bug,而且這個Bug,官方至今沒有修復。也許是官方對於安全方面的考慮吧。

那麼我們如果遇到這樣的問題該怎麼辦呢?我只能讓頁面跳轉到小程序的頁面,在小程序的頁面中使用小程序的方法上傳圖片。如下:

<code>HTML(Webview引入的H5頁面), 引入小程序的JS文件


在這個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');
}
});
上傳圖片的操作在小程序頁面裡使用官方提供的上傳方法即可。/<code>


分享到:


相關文章: