微信小程序 网络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 相关文章推荐
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 Javascript
jQuery实现商品活动倒计时
Oct 16 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
jQuery实现搜索页面关键字的功能
Feb 16 Javascript
JavaScript标准对象_动力节点Java学院整理
Jun 27 Javascript
基于js 本地存储(详解)
Aug 16 Javascript
Vue的土著指令和自定义指令实例详解
Feb 04 Javascript
vue利用axios来完成数据的交互
Mar 23 Javascript
微信小程序代码上传、审核发布小程序
May 18 Javascript
vue计算属性无法监听到数组内部变化的解决方案
Nov 06 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
PHP Squid中可缓存的动态网页设计
2008/09/17 PHP
php实现的获取网站备案信息查询代码(360)
2013/09/23 PHP
php命名空间学习详解
2014/02/27 PHP
PHP+jquery+CSS制作头像登录窗(仿QQ登陆)
2016/10/20 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
微信小程序使用wxParse解析html的实现示例
2018/08/30 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
2019/05/06 Javascript
layer ui 导入文件之前传入数据的实例
2019/09/23 Javascript
通过原生vue添加滚动加载更多功能
2019/11/21 Javascript
JavaScript的console命令使用实例
2019/12/03 Javascript
[56:38]DOTA2-DPC中国联赛正赛Aster vs Magma BO3 第一场 3月5日
2021/03/11 DOTA
python网络编程之读取网站根目录实例
2014/09/30 Python
简单的Python的curses库使用教程
2015/04/11 Python
Python实现字典的遍历与排序功能示例
2017/12/23 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
python处理RSTP视频流过程解析
2020/01/11 Python
Python项目跨域问题解决方案
2020/06/22 Python
应聘美工求职信
2013/11/07 职场文书
信息技术教学反思
2014/02/12 职场文书
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
个人事迹材料怎么写
2014/12/30 职场文书
现役军人家属慰问信
2015/03/24 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang
MySQL下载安装配置详细教程 附下载资源
2022/09/23 MySQL