微信小程序单张本地图片上传，拍摄图片上传

阳光穿透心脏的1/2处 2021-07-24 17:20 539阅读 0赞

wxml

var app = getApp
    Page({
      data: {
        tempFilePaths: []
      },
      upimg() {
        var that = this
        // 显示操作菜单
        wx.showActionSheet({
          itemList: ['拍照', '从相册中选择'],
          success(res) {
            console.log(res.tapIndex)
            if (res.tapIndex == 0) { //0是拍照
              wx.chooseImage({
                count: 1,
                sizeType: ['compressed'],
                sourceType: ['camera'],
                success: function(res) {
                  //res.tempFilePaths[0] 这个是图片
                  var tempFilePaths = res.tempFilePaths //图片
                  that.setData({
                    tempFilePaths: tempFilePaths
                  })
                  that.up()
                },
              })
            } else if (res.tapIndex == 1) {
              wx.chooseImage({
                count: 1,
                sizeType: ['compressed'],
                sourceType: ['album'],
                success: function(res) {
                  //res.tempFilePaths[0] 这个是图片
                  var tempFilePaths = res.tempFilePaths //图片
                  that.setData({
                    tempFilePaths: tempFilePaths
                  })
                  that.up()
                },
              })
            }
          }
        })
      },
      up() {
        var tempFilePaths = this.data.tempFilePaths
        var data = {
          list: 'list'
        }
        wx.uploadFile({
          url: 'aaa.cn', //仅为示例，非真实的接口地址
          filePath: tempFilePaths,
          name: 'add_image', //文件对应的参数名字(key)
          formData: data, //其它的表单信息
          success: function(res) {
            console.log(res)
          },
          fail(res) {
            console.log(res)
          }
        })
      }
    })