微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

小程序图片下载

在开发小程序中,有时候在小程序中有很多漂亮的图片用户想要下载,但是长按保存效果,截图?又显得太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);
              }
            })
          }
        });
      }
    });
  }

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。