微信小程序API 上传、下载


本文整理自网络,侵删。

wx.uploadFile(OBJECT)


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

OBJECT参数说明:

参数 类型 必填 说明
url String 开发者服务器url
filePath String 要上传文件资源的路径
name String 文件对应的key , 开发者在服务器端通过这个key可以获取到文件二进制内容
header Object HTTP 请求 Header,header中不能设置Referer
formData Object HTTP 请求中其他额外的form data
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:

参数 类型 说明
data String 开发者服务器返回的数据
statusCode Number HTTP状态码

示例代码:

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      }
    })
  }
})

返回值:

基础库 1.4.0 开始支持,低版本需做兼容处理。

返回一个uploadTask对象,通过uploadTask,可监听上传进度变化事件,以及取消上传任务。

uploadTask

基础库 1.4.0 开始支持,低版本需做兼容处理。

一个可以监听上传进度变化事件,以及取消上传任务的对象

方法:

UploadTask.abort()

基础库 1.4.0 开始支持,低版本需做兼容处理。

中断上传任务


UploadTask.offHeadersReceived(function callback)

基础库 2.1.0 开始支持,低版本需做兼容处理。

取消监听 HTTP Response Header 事件

参数

function callback

HTTP Response Header 事件的回调函数


UploadTask.offProgressUpdate(function callback)

基础库 2.1.0 开始支持,低版本需做兼容处理。

取消监听上传进度变化事件

参数

function callback

上传进度变化事件的回调函数


UploadTask.onHeadersReceived(function callback)

基础库 2.1.0 开始支持,低版本需做兼容处理。

监听 HTTP Response Header 事件。会比请求完成事件更早

参数

function callback

HTTP Response Header 事件的回调函数

参数

Object res
属性 类型 说明
header Object 开发者服务器返回的 HTTP Response Header


UploadTask.onProgressUpdate(function callback)

基础库 1.4.0 开始支持,低版本需做兼容处理。

监听上传进度变化事件

参数

function callback

上传进度变化事件的回调函数

参数

Object res
属性 类型 说明
progress number 上传进度百分比
totalBytesSent number 已经上传的数据长度,单位 Bytes
totalBytesExpectedToSend number 预期需要上传的数据总长度,单位 Bytes


阅读剩余部分

相关阅读 >>

微信小程序 查询欠费用户列表

微信小程序 数据类型

微信小程序api 绘图fill(对当前路径进行填充)

微信小程序api 背景音频-backgroundaudiomanager实例

微信小程序 小程序搜索sitesearch

小程序 api

微信小程序 扩展组件选项卡组件

微信小程序api 画面录制器-创建webgl画面录制器

微信小程序-canvas生成图片并保存到本地

微信小程序视图容器 cover-image

更多相关阅读请进入《微信小程序》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...