微信小程序 网络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 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
javascript代码编写需要注意的7个小细节小结
Sep 21 Javascript
浅谈Javascript 执行顺序
Dec 18 Javascript
jquery获取tr并更改tr内容示例代码
Feb 13 Javascript
基于Node.js实现nodemailer邮件发送
Jan 26 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
js实现键盘自动打字效果
Dec 23 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 Javascript
element中el-container容器与div布局区分详解
May 13 Javascript
vue实现在线学生录入系统
May 30 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
世界第一个无线广播电台 KDKA
2021/03/01 无线电
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
Yii视图CGridView列表用法实例分析
2016/07/12 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
XmlUtils JS操作XML工具类
2009/10/01 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
2010/08/27 Javascript
Javascript学习笔记-详解in运算符
2011/09/13 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
2013/12/24 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
node.js中的dns.getServers方法使用说明
2014/12/08 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
2016/01/26 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
不得不知的ES6小技巧
2018/07/28 Javascript
vue实现微信获取用户信息的方法
2019/03/21 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
Python sqlite3事务处理方法实例分析
2017/06/19 Python
python集合比较(交集,并集,差集)方法详解
2018/09/13 Python
容易被忽略的Python内置类型
2020/09/03 Python
python 字符串格式化的示例
2020/09/21 Python
python 带时区的日期格式化操作
2020/10/23 Python
Django中日期时间型字段进行年月日时分秒分组统计
2020/11/27 Python
方太官方网上商城:销售方太抽油烟机、燃气灶、消毒柜等
2017/01/17 全球购物
澳大利亚玩具剧场:Toy Playhouse
2019/03/03 全球购物
国际贸易专业个人求职信范文分享
2013/12/14 职场文书
社区工作者感言
2014/03/02 职场文书
购房协议书范本
2014/04/11 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
2014年租房协议书范本
2014/10/30 职场文书
贷款收入证明格式
2015/06/24 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS