微信小程序 网络API 上传、下载详解


Posted in Javascript onNovember 09, 2016

微信小程序 网络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
formData Object HTTP 请求中其他额外的form data
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.chooseImage({
 success:function(res){
 var tempFilePaths = res.tempFilePaths; 
 wx.uploadFile({
  url: 'http://example.com/upload',
  filePath: tempFilePaths[0],
  name:"file",
  formData:{
  "user":"test"
  }
 })
 }
})

wx.downloadFile(OBJECT)

下载文件资源到本地。客户端直接发起一个HTTP GET请求,把下载到的资源根据 type 进行处理,并返回文件的本地临时路径。

OBJECT参数说明:

参数 类型 必填 必填
url String 下载资源的 url
type String 下载资源的类型,用于客户端识别处理,有效值:image/audio/video
header Object HTTP 请求 Header
success Function 下载成功后以 tempFilePath 的形式传给页面,res={tempFilePath:"文件的临时路径"}
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.downloadFile({
 url: 'http://example.com/audio/123',
 type: 'audio',
 success:function(res){
 wx.playVoice({
  filePath: res.tempFilePath
 })
 }
})

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
运用jquery实现table单双行不同显示并能单行选中
Jul 25 Javascript
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
克隆javascript对象的三个方法小结
Jan 12 Javascript
50款非常棒的 jQuery 插件分享
Mar 29 Javascript
javascript折半查找详解
Jan 26 Javascript
js实现碰撞检测特效代码分享
Oct 16 Javascript
Bootstrap基本组件学习笔记之面板(14)
Dec 08 Javascript
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
解决bootstrap中下拉菜单点击后不关闭的问题
Aug 10 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
Oct 20 Javascript
react+antd 递归实现树状目录操作
Nov 02 Javascript
微信小程序 网络API发起请求详解
Nov 09 #Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
Nov 09 #Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
Nov 09 #Javascript
微信小程序 loading 详解及实例代码
Nov 09 #Javascript
微信小程序 toast 详解及实例代码
Nov 09 #Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
Nov 09 #Javascript
微信小程序  modal详解及实例代码
Nov 09 #Javascript
You might like
Protoss兵种介绍
2020/03/14 星际争霸
php站内搜索关键词变亮的实现方法
2014/12/30 PHP
PHP MVC框架路由学习笔记
2016/03/02 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
PHP数字金额转换成中文大写显示
2019/01/05 PHP
js中eval详解
2012/03/30 Javascript
JS实现的省份级联实例代码
2013/06/24 Javascript
javascript表格的渲染组件
2015/07/03 Javascript
javascript封装的sqlite操作类实例
2015/07/17 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
JQuery异步加载PartialView的方法
2016/06/07 Javascript
js编写一个简单的产品放大效果代码
2016/06/27 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
Vue.js实现简单动态数据处理
2017/02/13 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
2017/03/06 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
es6学习之解构时应该注意的点
2017/08/29 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
VUE脚手架具体使用方法
2019/05/20 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
2019/09/27 jQuery
跟老齐学Python之玩转字符串(1)
2014/09/14 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
全球最大的游戏市场:G2A
2018/07/05 全球购物
软件测试有哪些?什么是配置项?
2012/02/12 面试题
中层干部岗位职责
2013/12/18 职场文书
学年自我鉴定
2014/01/16 职场文书
承办会议欢迎词
2014/01/17 职场文书
人事经理岗位职责
2014/04/28 职场文书
真诚的求职信
2014/07/04 职场文书
2015年社区矫正工作总结
2015/04/21 职场文书
2015年市场部工作总结
2015/04/30 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
简单聊聊Vue中的计算属性和属性侦听
2021/10/05 Vue.js