微信小程序中保存网络图片的方法介绍(代码示例)(微信小程序收集图片信息汇总)

网友投稿 792 2022-10-04

微信小程序中保存网络图片的方法介绍(代码示例)(微信小程序收集图片信息汇总)

微信小程序中保存网络图片的方法介绍(代码示例)(微信小程序收集图片信息汇总)

本篇文章给大家带来的内容是关于微信小程序中保存网络图片的方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

该功能需要添加appid才能进行正常的测试。

在小程序的文档中我们得知,wx.saveImageToPhotosAlbum 是用来保存图片到相册的。

但是仔细一看会发现这个接口的filePath参数只接受临时文件路径或永久文件路径,不支持网络图片路径,意味着我们不能直接调用这个接口。。

因此先需要把该文件-至本地,使用 wx.downloadFile 。

但值得注意的是小程序只可以跟指定的域名与进行网络通信,也就是说-图片之前,我们需要先去微信公众者平台的开发设置里设置uploadFile合法域名。

示例代码如下:

保存图片-

// index.jsconst app = getApp()Page({ data: { url: 'https://avatars3.githubusercontent.com/u/23024075?s=460&v=4' }, // 保存图片 saveImage() { this.wxToPromise('downloadFile', { url: this.data.url }) .then(res => this.wxToPromise('saveImageToPhotosAlbum', { filePath: res.tempFilePath })) .then(res => { // do something wx.showToast({ title: '保存成功~',icon: 'none' }); }) .catch(err) => { console.log(err); // 如果是用户自己取消的话保存图片的话 // if (~err.errMsg.indexOf('cancel')) return; }) }, /** * 将 callback 转为易读的 promise * @returns [promise] */ wxToPromise(method, opt) { return new Promise((resolve, reject) => { wx[method]({ ...opt, success(res) { opt.success && opt.success(); resolve(res) }, fail(err) { opt.fail && opt.fail(); reject(err) } }) }); },})-

然后理论上就可以保存图片了... 用户第一次在我们的小程序使用保存图片这个功能是会弹出一个授权弹框,如果用户手滑点了拒绝授权后再点一次保存图片,然后就会发现什么反应都没有了。。。

出现这样的原因是因为这个授权弹框只会出现一次,所以我们得想办法再让用户重新授权一次。这时就想到使用 wx.authorize .

但是经过测试后发现,使用 wx.authorize 后,会报 authorize:fail auth deny 的错误。然后经过查阅资料得知:

emmm... 那这样效果当然不符合我们预期,只能在换一种方式。这时就想到了使用

上一篇:Python自动化办公之 Excel 自动绘制图表
下一篇:如何优雅地排版微信公众号内的代码块?我推荐几款常用的发帖工具!
相关文章

 发表评论

暂时没有评论,来抢沙发吧~