当前位置:首页站长学院后端开发浅谈小程序中实现图片下载功能的方法
企业营销,就选知企PROSAAS

浅谈小程序中实现图片下载功能的方法

浅谈小程序中实现图片下载功能的方法

小程序图片下载

在开发小程序中,有时候在小程序中有很多漂亮的图片,用户想要下载,但是长按保存没效果,截图?又显得太low,所以,给用户个好的体验,给用户进行图片下载的功能。

如下所示,在页面触发这个方法就可以,红色区域的就是图片的路径。

浅谈小程序中实现图片下载功能的方法
效果图如下:
浅谈小程序中实现图片下载功能的方法

 bindseaveimage:function(){
    wx.getImageInfo({
      src: this.data.imagecode,//这里放你要下载图片的数组(多张) 或 字符串(一张) 下面代码不用改动
      success: function (ret) {
        var path = ret.path;
        wx.saveImageToPhotosAlbum({
          filePath: path,
          success(result) {
            console.log("成功");
            wx.hideLoading();
            wx.showToast({
              title: '下载图片成功',
              duration: 2000,
              mask: true,
            });
          },
          fail(result) {
            console.log("失败,你取消了" + JSON.stringify(result))
            console.log(path);
            wx.openSetting({
              success: (res) => {
                console.log(res);
              }
            })
          }
        });
      }
    });
  }

更多编程相关知识,请访问:编程教学!!

以上就是浅谈小程序中实现图片下载功能的方法的详细内容,更多请关注知企PROSAAS其它相关文章!

温馨提示:

文章标题:浅谈小程序中实现图片下载功能的方法

文章链接:https://ceshi.prosaas.cn/16408.html

更新时间:2021年05月11日

声明: 本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:973664285@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读知企PROSAAS协议

给TA打赏
共{{data.count}}人
人已打赏
后端开发

浅谈小程序中页面间传值的2种方法

2021-5-8 9:45:16

后端开发

小程序中如何自动跳转页面

2021-5-13 11:14:07

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索