<image src="{{image}}" class="slide-image" mode="widthFix" bindload='imgHeight'data-url="{{image}}" bindlongpress="saveToPhone"/>
saveToPhone(e){let imgSrc =  e.currentTarget.dataset.url;  //要保存的图片urlconsole.log(imgSrc)wx.showLoading({title: '保存中...'})wx.downloadFile({    //下载文件资源到本地url: imgSrc,success: function (res) {console.log(res);//图片保存到本地wx.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function (data) {wx.hideLoading()wx.showToast({title: '保存成功',icon: 'success',duration: 2000})},fail: function (err) {if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny" || err.errMsg === "saveImageToPhotosAlbum:fail:auth denied") {console.log("当初用户拒绝,再次发起授权")wx.showModal({title: '提示',content: '需要您授权保存相册',showCancel: false,success: modalSuccess => {wx.openSetting({success(settingdata) {console.log("settingdata", settingdata)if (settingdata.authSetting['scope.writePhotosAlbum']) {wx.showModal({title: '提示',content: '获取权限成功,再次点击图片即可保存',showCancel: false,})} else {wx.showModal({title: '提示',content: '获取权限失败,将无法保存到相册哦~',showCancel: false,})}},fail(failData) {console.log("failData", failData)},complete(finishData) {console.log("finishData", finishData)}})}})}},complete(res) {console.log(res);wx.hideLoading()}})}  })},

微信小程序下载图片保存到本地相关推荐

  1. 微信小程序下载网络图片保存到本地

    微信小程序下载网络图片保存到本地 问题背景 前一篇文章介绍了,微信小程序网络请求数据并在页面列表显示(参考 https://blog.51cto.com/baorant24/6189453 ),本文将 ...

  2. 小程序权限设置:小程序下载图片保存到相册拒绝权限后,再次打开权限的解决方案

    小程序下载图片保存到相册功能,首次操作会提示:保存图片或视频到你的相册,有'拒绝'和'允许'两个选项,如果选择了拒绝就会保存失败:saveImageToPhotosAlbum:fail auth de ...

  3. 微信小程序之图片保存

    微信小程序保存图片分为两步: 1.下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径. 即:调用函数wx.downloadFile({}) 2.保存图片到系统相册. ...

  4. uni微信小程序 下载图片跟文字_微信小程序:图片与文字无法居中 最后解决的方法是——...

    最近做小程序,需要用到flex布局,发现垂直居中是用:vertical-align:middle或者line-height 后来发现这2个都不能完全实现图片与文字居中,这可怎么办? 大图片 我给sta ...

  5. 微信小程序下载图片到本地

    downloadImg: function(e){ //触发函数console.log(e.currentTarget.dataset.url)wx.downloadFile({url: e.curr ...

  6. 微信小程序下载图片获取相册授权,保存视频或图片到手机相册

    单独建一个downloadfile.js,将方法导出: downloadfile.js文件: //downloadfile.js/*** 下载单个文件*/ function downloadFile( ...

  7. 微信小程序下载图片与缓存

    wx.downloadFile(Object object) 下载文件资源到本地.客户端直接发起一个 HTTPS GET 请求,返回文件的本地临时路径.使用前请注意阅读相关说明. 注意:请在服务端响应 ...

  8. 微信小程序 下载图片或视频保存到手机系统相册

    //downloadSaveFile.js/*** 下载单个文件* @param {string} [type]* @param {string} url* @callback successCall ...

  9. 微信小程序下载文件至本地,并打开文档

    微信小程序下载文件至本地,并打开文档 downloadfile(e){var url = e.currentTarget.dataset.url;//下载文件,生成临时地址wx.downloadFil ...

最新文章

  1. acegi,IBM的Acegi Security System(1)
  2. 有道云笔记 网络连接失败
  3. 将 Shiro 作为应用的权限基础 五:密码的加密/解密在Spring中的应用
  4. Android短信验证
  5. 分布式存储与传统SAN、NAS的优、劣对比
  6. PHP设置文本框背景透明度,如何给background-image设置透明度?
  7. 互联网协议入门 : 用户 ------ 底层
  8. 数据库中敏感字段的标记、标示
  9. java选择排序解释_选择排序
  10. 人工智能AI实战100讲(二)-自动驾驶传感器之激光雷达(二)激光雷达配置车型介绍
  11. 连接MySql出现异常解决:java.sql.SQLException: The server time zone value is unrecognized or represents。
  12. 统一元数据,数据湖Catalog让大数据存算分离不再是问题
  13. 品质和创新成为 GDC 2017 “State of Unreal” 的焦点
  14. django使用Paginator分页展示数据
  15. HTML5 Boilerplate: 最流行的web开发前端模版
  16. 计算机设计类有哪些专业,2021新高考模式下报考,这4类专业有“潜规则”,考生报考需谨慎...
  17. 自动化设计-框架介绍 TestCase
  18. CTO 说,再用错@Autowired 和@Resource 就可以领盒饭了
  19. puppet进阶指南——service资源详解
  20. C语言冒泡排序算法及代码

热门文章

  1. iOS之网络数据下载和JSON解析
  2. Linux 之 利用Google Authenticator实现用户双因素认证
  3. iscsi多路径配置方式
  4. logstash收集nginx日志
  5. zabbix常见配置集合
  6. Linux如何更改主机名
  7. 【Oracle】非RMAN恢复数据文件、控制文件
  8. 【PL/SQL】开发程序
  9. 【Oracle】数据库热备
  10. 网络管理与维护作业11