知识学堂 > 课程 > 微信小程序 保存图片

微信小程序 保存图片

发布日期:2020/9/28 来源:聚恒【返回】

saveImg: function () {
    let that=this
    wx.getSetting({
      success(res) {
        //未授权 先授权 然后保存
        if (!res.authSetting['scope.writePhotosAlbum']) {
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success(re) {
              that.saveToBlum();
            }
          })
        }else{
         //已授 直接调用保存到相册方法
          that.saveToBlum();
        }
      }
    })  
  },
  //保存网络图片到相册方法
  saveToBlum:function(){
    wx.downloadFile({
      url: '网络图片地址',
      success: function (res) {
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success(result) {
            wx.showToast({
              title: '保存成功',
              icon: 'success'
            })
          }
        })
      }
    })
  },
   //保存到相册方法
   saveToBlum:function(){
    let imgUrl = '非网络图片';
    wx.getImageInfo({
      src: imgUrl,
      success: function (ret) {
        var path = ret.path;
        wx.saveImageToPhotosAlbum({
          filePath: path,
          success(result) {
            wx.showToast({
              title: '保存成功',
              icon: 'success'
            })
          },
        })
      }
    })
  },
  
  
 previewImage: function (e){
    let that=this;
    
    var $aa = e.currentTarget.dataset;
    console.log("点击" + $aa.url);
    var current = $aa.url;   //这里获取到的是一张本地的图片
    wx.previewImage({
      current: current,//需要预览的图片链接列表
      urls: [current]  //当前显示图片的链接
    })
  },

<image src="https://xiaochengxu.tydesign.cn/Management/Upload/{{chaxun.guid}}/{{chaxun.img1a}}mode="widthFixbindlongtap="saveImgdata-url="https://xiaochengxu.tydesign.cn/Management/Upload/{{chaxun.guid}}/{{chaxun.img1a}}"  bindtap='previewImage' ></image>