今天在寫小程序保存小程序圖片到本地相冊的時候發現怎麼都保存不了,但是調試模式和模擬器模式都沒有問題,先上代碼:
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);
}
})
}