微信图片预览和上传

1、小程序的获取暂时路径和预览

// 图片预览
  listenerButtonChooseImage: function () {
    var that = this;
    wx.chooseImage({
      count: 1,
      //original原图,compressed压缩图
      sizeType: [‘original‘],
      //album来源相册 camera相机 
      sourceType: [‘album‘, ‘camera‘],
      //成功时会回调
      success: (res) => {
        console.log(res);
        //重绘视图
        that.setData({
          source: res.tempFilePaths[0]
        });
      }
    })
  },

2、小程序的图片上传获取fileId

//上传文件
wx.uploadFile({
    url: ‘请求地址‘,
    filePath: this.data.source,
    formData: {
        fileType: 0, // 因本项目需要区别图片和文件 可视需求而定
    },
    name: ‘files‘,
    method: ‘POST‘,
    success: (res) => {
        console.log(res);
        console.log(JSON.parse(res.data));
        this.setData({
            source: JSON.parse(res.data).data[0].fileUrl,
            fileId: JSON.parse(res.data).data[0].fileId,
        });
    }
})

3、二者结合

// 图片预览
  listenerButtonChooseImage: function () {
    wx.chooseImage({
      count: 1,
      //original原图,compressed压缩图
      sizeType: [‘original‘],
      //album来源相册 camera相机 
      sourceType: [‘album‘, ‘camera‘],
      //成功时会回调
      success: (res) => {
        console.log(res);
        //上传文件
        wx.uploadFile({
          url: ‘请求地址‘,
          filePath: res.tempFilePaths[0],
          formData: {
              fileType: 0, // 因本项目需要区别图片和文件 可视需求而定
          },
          name: ‘files‘,
          method: ‘POST‘,
          success: (res) => {
            console.log(res);
            console.log(JSON.parse(res.data));
            this.setData({
              source: JSON.parse(res.data).data[0].fileUrl,
              fileId: JSON.parse(res.data).data[0].fileId,
           });
          }
        })
      }
    })
  },

微信图片预览和上传

上一篇:微信小程序总结


下一篇:【Android Developers Training】 54. 打印自定义文档