無法儲存圖片到系統相簿?
阿新 • • 發佈:2019-02-19
今天在寫小程式儲存小程式圖片到本地相簿的時候發現怎麼都儲存不了,但是除錯模式和模擬器模式都沒有問題,先上程式碼:
wxml如下:
<button form-type="submit" bindtap='save' class='s-btn1'>分享朋友圈</button>
js程式碼如下:
save:function(e){
wx.downloadFile({
url:'http://www.qiaolibeilang.com/public/uploads/images/20180809/20180810160618.jpg',
success:function(res){
console.log (res)
//儲存圖片到系統相簿
wx.saveImageToPhotosAlbum({
filePath:res.tempFilePath,
success(res){
console.log( “儲存圖片:成功”);
wx.showToast({
title:'儲存成功',
});
},
fail(res){
console.log( “儲存圖片:fail ”);
console.log(res);
}
})
},
fail:function(res){
的console.log( “下載檔案:fail”);
的console.log(RES);
}
})
}
老司機們已經看出來了,這個url網址有問題,微信小程式只支援https協議,不支援http,如果你的小程式域名配置的是https的話,那麼你的這個url圖片路徑把http改成https,儲存就沒有問題了,如果不是,你需要去小程式開發者工具裡面配置https域名才可以,改正後程式碼如下:
save:function(e){
wx.downloadFile({
url:'https://www.qiaolibeilang.com/public/uploads/images/20180809/20180810160618.jpg',
success:function(res){
console.log(res)
//儲存圖片到系統相簿
wx.saveImageToPhotosAlbum({
filePath:res.tempFilePath,
success(res){
console.log( “儲存圖片:成功”);
wx.showToast({
title:'儲存成功',
});
},
fail(res){
console.log( “儲存圖片:fail”);
console.log(res);
}
})
},
fail:function(res){
的console.log( “下載檔案:fail”);
的console.log(RES);
}
})
}