今天在写小程序保存小程序图片到本地相册的时候发现怎么都保存不了,但是调试模式和模拟器模式都没有问题,先上代码:
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);
}
})
}