首页 > 微信小程序 > 小程序开发 > 浅谈小程序中实现图片下载功能的方法

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

青灯夜游
发布: 2021-06-01 09:15:24
转载
7768 人浏览过

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

小程序图片下载

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

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

以上是浅谈小程序中实现图片下载功能的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:csdn.net
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板