微信小程序圖片的獲取和壓縮

效果展示

wxml

<view>
    <button bindtap="chooseImage">選擇圖片</button>
    <button bindtap="compressImage">壓縮圖片</button>
</view>

js

下面是js中data部分代碼和綁定事件

data: {
    tempFile:'',
    compressedImage:''
  },
  //選擇圖片
  chooseImage:function(){
    var that=this;
    wx.chooseImage({
      count: 9,
      sizeType:["original","compressed"],
      sourceType:["album","camera"],
      success:function(res){
        console.log(res);
        that.setData({
          tempFile:res.tempFilePaths
        });
        wx.getImageInfo({
          src: "tempFile[0]",
          success:function(res){
            console.log(res);
          }
        })
        //預覽圖片
        wx.previewImage({
          urls: [that.data.tempFile[0]],         
        });
      }
    })
  },
  //壓縮圖片
  compressImage:function(){
    var that=this;
    wx.compressImage({
      src: that.data.tempFile[0],
      quality:40,
      success(res){
        console.log("壓縮");
        var temp=res.tempFilePath;
        wx.saveImageToPhotosAlbum({
          filePath: temp,
          success(res){           
            console.log("保存成功");
            console.log(res);
          }
        })
      }
    })
  },