TARO小程序canvas签名图片上传服务器

taro小程序实现签名上传，发现介绍的很少，所以整理出来给大家一些帮助。首先canvas画板会生成一个图片。这个图片只是一个路径。不同于自己写的上传接口。将图片data发送给后台。这里我们看不到临时路径里的路径。所以需要借助uploadfile的方法。将路径的内容传到指定位置

    // 生成图片 
    Taro.canvasToTempFilePath({
      canvasId: 'canvas',
      success: res => {
        console.log(res.tempFilePath)
        this.setState({
          tempFilePath: res.tempFilePath
        })
        Taro.uploadFile({
          url: 'https://test/signUpload/',
          filePath: res.tempFilePath,
          name: 'file',
          formData: {
            'user': 'test'
          },
          success(res) {
            let data = res.data
            //post接口
            console.log('上传成功数据返回string-----', data)
            let obj = JSON.parse(data)
            console.log('上传成功数据,图片路径-----', obj.data)
          }
        })

      },
      fail(err) {
        console.log(err)
      }
    })

这里需要让你的后台同学配置一个Post的接口请求。uploadfile方法就会替你去把数据放到目标路径。同时成功回调里的可以接收到你的后台返回的信息。拿到你自己的服务器返给你的图片存放地址。另外说明一下name字段不是名字。是后台找到你图片数据的key。