微信小程序中wx.uploadFile()上传文件

611 阅读1分钟

wx.uploadFile()

将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data官方文档

常用参数

  1. url:开发者服务器地址。
  2. filePath:要上传文件资源的路径 (本地路径或者网络路径,如微信返回的临时链接)。
  3. name:文件对应的key(后端提供)。
  4. header:HTTP请求Header,Header中不能设置 Referer,默认content-type为multipart/form-data。
  5. formData:HTTP 请求中其他额外的 form data。格式formData:{'index': '0'}
  6. timeout:超时时间,单位为毫秒。
  7. success:接口调用成功的回调函数。注意uploadFile返回的res.datajson字符串需要用JSON.parse()转换。
  8. fail:接口调用失败的回调函数。
  9. complete:接口调用结束的回调函数(调用成功、失败都会执行)。

示例

wx.uploadFile({
      filePath: this.data.avatarUrl,
      name: 'file',
      url: 'https://tzof.net:999/upload',
      success: (res) => {
        console.log(res);
        this.setData({
          avatarUrl: JSON.parse(res.data).avatarUrl,
          fileName: JSON.parse(res.data).fileName
        })
      },
      fail() {
        console.log('接口执行完毕');
      }
    })

image.png