微信小程序 网络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 相关文章推荐
JavaScript加密解密7种方法总结分析
Oct 07 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
Nov 26 Javascript
JS维吉尼亚密码算法实现代码
Nov 09 Javascript
Google 静态地图API实现代码
Nov 19 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
Dec 08 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
Jun 08 Javascript
js实现新年倒计时效果
Dec 10 Javascript
jQuery给元素添加样式的方法详解
Dec 30 Javascript
JavaScript基本语法学习教程
Jan 14 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
JS无限级导航菜单实现方法
Jan 05 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
[FAQ]PHP中的一些常识:类篇
2006/10/09 PHP
PHP+DBM的同学录程序(3)
2006/10/09 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
javascript读取RSS数据
2007/01/20 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
2012/10/11 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
js 获取、清空input type="file"的值(示例代码)
2013/12/24 Javascript
jQuery模拟点击A标记示例参考
2014/04/17 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
JavaScript获取当前日期是星期几的方法
2015/04/06 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
2015/04/12 Javascript
用原生js做单页应用
2017/01/17 Javascript
详解Vue.js搭建路由报错 router.map is not a function
2017/06/27 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
浅谈React 服务器端渲染的使用
2018/05/08 Javascript
浅谈如何通过node.js对数据进行MD5加密
2018/05/16 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
vue使用websocket的方法实例分析
2019/06/22 Javascript
Vue3 响应式侦听与计算的实现
2020/11/11 Javascript
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
Python实现简单拆分PDF文件的方法
2015/07/30 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
python读取txt文件并取其某一列数据的示例
2019/02/19 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
Python + opencv对拍照得到的图片进行背景去除的实现方法
2020/11/18 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
后勤工作职责
2013/12/22 职场文书
工作证明英文模板
2014/10/21 职场文书
2014年团总支工作总结
2014/11/21 职场文书
沂蒙六姐妹观后感
2015/06/08 职场文书
关于开学的感想
2015/08/10 职场文书