返回

提供微商城·微分销·小程序开店需求

5分钟开通你的微信商城店铺!
HiShop > Hi小程序 >

微信小程序将本地资源上传到指定服务器方法

2020-09-28 作者:杨先生

  微信小程序将本地资源上传到指定服务器方法

  将本地资源上传到开发者服务器。如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口将本地资源上传到指定服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data 。

微信小程序将本地资源上传到指定服务器方法

  OBJECT参数说明:

  urlString是开发者服务器 url

  filePathString是要上传文件资源的路径

  nameString是文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容

微信小程序将本地资源上传到指定服务器方法

  headerObject否HTTP 请求 Header , header 中不能设置 Referer

  formDataObject否HTTP 请求中其他额外的 form data

  successFunction否接口调用成功的回调函数

  failFunction否接口调用失败的回调函数

  completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

  success返回参数说明:

  dataString开发者服务器返回的数据

  statusCodeNumberHTTP状态码

  示例代码:

  wx.chooseImage({

  success: function(res) {

  var tempFilePaths = res.tempFilePaths

  wx.uploadFile({

  url: 'http://example.weixin.qq.com/upload', //仅为示例,非真实的接口地址

  filePath: tempFilePaths[0],

  name: 'file',

  formData:{

  'user': 'test'

  },

  success: function(res){

  var data = res.data

  //do something

  }

  })

  }

  })

  Bug & Tip

  tip: 最大并发限制是 10 个

  tip: 默认超时时间和最大超时时间都是 60s

  wx.downloadFile(OBJECT)

  下载文件资源到本地。客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。

  OBJECT参数说明:

  urlString是下载资源的 url

  headerObject否HTTP 请求 Header

  successFunction否下载成功后以 tempFilePath 的形式传给页面,res = {tempFilePath: '文件的临时路径'}

  failFunction否接口调用失败的回调函数

  completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

  注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。

  示例代码:

  wx.downloadFile({

  url: 'http://example.com/audio/123', //仅为示例,并非真实的资源

  success: function(res) {

  wx.playVoice({

  filePath: res.tempFilePath

  })

  }

  })

  Bug & Tip

  tip: 最大并发限制是 10 个

  tip: 默认超时时间和最大超时时间都是 60s

  tip: 网络请求的 referer 是不可以设置的,格式固定为 https://servicewechat.com/{appid}/{version}/page-frame.html,其中 {appid} 为小程序的 appid,{version} 为小程序的版本号,版本号为 0 表示为开发版。

  tip: 6.5.3 以及之前版本的 iOS 微信客户端 header 设置无效

推荐文章

微分销 产品资料 领取开店礼包 免费体验
门店管理 裂变获客 商城开发 免费注册