微信小程序API 上传、下载
本文整理自网络,侵删。
wx.uploadFile(OBJECT)
将本地资源上传到开发者服务器。如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口将本地资源上传到指定服务器。客户端发起一个HTTPS POST请求,其中Content-Type
为multipart/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 |
阅读剩余部分
相关阅读 >>
sdk数据库 command查询字段操作符
微信小程序前端源码逻辑和工作流程解析
sdk数据库 database数据库地理位置结构集
微信小程序api nfc-nfca标签
微信小程序云开发服务端存储api 从云存储空间删除文件
sdk数据库 database获取集合的引用
微信小程序 小程序代码构成
微信小程序 访问趋势
微信小程序 wxml
微信小程序api 实时语音-监听视频状态变化事件
更多相关阅读请进入《微信小程序》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
猜你喜欢
联络方式:
400-123-789
邮箱:xiachao@163.com
Q Q:12345678