微信小程序 网络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中onclick(this)用法介绍
Apr 19 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 Javascript
js 本地预览的简单实现方法
Feb 18 Javascript
js 左右悬浮对联广告代码示例
Dec 12 Javascript
JS实现生成会变大变小的圆环实例
Aug 05 Javascript
Javascript实现的简单右键菜单类
Sep 23 Javascript
jQuery中text() val()和html()的区别实例详解
Jun 28 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
Mar 02 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
Sep 30 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
javascript 内存模型实例详解
Apr 18 Javascript
javascript实现贪吃蛇游戏(娱乐版)
Aug 17 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 Token(令牌)设计
2008/03/15 PHP
php读取mysql乱码,用set names XXX解决的原理分享
2011/12/29 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
thinkphp5框架扩展redis类方法示例
2019/05/06 PHP
DIV菜单层实现代码
2010/11/19 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
jQuery的css() 方法使用指南
2015/05/03 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
2015/11/25 Javascript
学习JavaScript设计模式之中介者模式
2016/01/14 Javascript
Javascript类型系统之String字符串类型详解
2016/06/21 Javascript
最基础的vue.js双向绑定操作
2017/08/23 Javascript
vue实现nav导航栏的方法
2017/12/13 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
[05:05]给小松五分钟系列 第二期介绍为什么打DOTA2
2014/07/02 DOTA
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
JPype实现在python中调用JAVA的实例
2017/07/19 Python
Python设计模式之中介模式简单示例
2018/01/09 Python
PyQt5每天必学之日历控件QCalendarWidget
2018/04/19 Python
pytorch多进程加速及代码优化方法
2019/08/19 Python
Django app配置多个数据库代码实例
2019/12/17 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
python时间序列数据转为timestamp格式的方法
2020/08/03 Python
Python常用base64 md5 aes des crc32加密解密方法汇总
2020/11/06 Python
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
湖南卫视在线视频媒体平台:芒果TV
2019/10/30 全球购物
个人职业生涯规划书1500字
2013/12/31 职场文书
数控技校生自我鉴定
2014/03/02 职场文书
优秀护士先进事迹
2014/05/08 职场文书
美化环境标语
2014/06/20 职场文书
单位一把手群众路线四风问题整改措施
2014/09/25 职场文书
2014年超市员工工作总结
2014/11/18 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书