# 图片操作

# 选择图片

调用 wx.chooseImage 方法，详细方法参见微信官方 API

/* 选择图片 */
chooseImage(){
  var that = this;
  wx.chooseImage({
    count: 6,
    sizeType: ['original', 'compressed'],
    sourceType: ['album', 'camera'],
    success(res) {
      // tempFilePath可以作为img标签的src属性显示图片
      const tempFilePaths = res.tempFilePaths
      // console.log(tempFilePaths);
      that.setData({
        imgsLs: tempFilePaths
      })
    }
  })
},

# 预览图片

调用 wx.previewImage 方法，详细方法参见微信官方 API

/* 预览图片方法 */
lookImage: function(){
    wx.previewImage({
        current: '', // 当前显示图片的http链接
        urls: [] // 需要预览的图片http链接列表
    })
}

# 上传图片

调用 wx.uploadFile 方法，详细方法参见微信官方 API

/** 上传图片方法 */
submit: function(){
 	const that = this;
    // 上传图片
    const progress = wx.uploadFile({
      url: 'https://sm.ms/api/upload',
      filePath: that.data.imgSrc,
      name: "smfile",
      success(res){
        console.log(res);
        const url = JSON.parse(res.data).data.url;
      }
    })
    // 图片上传进度
    progress.onProgressUpdate((res) => {
      console.log('上传进度', res.progress)
      that.setData({
        progress: res.progress
      })
      console.log('已经上传的数据长度', res.totalBytesSent)
      console.log('预期需要上传的数据总长度', res.totalBytesExpectedToSend)
    })
},

← 自定义组件网络请求 →