微信小程序 网络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获取div宽度的实现思路与代码
Jan 13 Javascript
为指定的元素添加遮罩层的示例代码
Jan 15 Javascript
JavaScript设计模式之工厂方法模式介绍
Dec 28 Javascript
Javascript中拼接大量字符串的方法
Feb 05 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
jquery Form轻松实现文件上传
May 24 jQuery
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
Angular实现搜索框及价格上下限功能
Jan 19 Javascript
vue中使用ueditor富文本编辑器
Feb 08 Javascript
微信小程序实现提交input信息到后台的方法示例
Jan 19 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 Javascript
vue-openlayers实现地图坐标弹框效果
Sep 24 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实现Socket服务器的代码
2008/04/03 PHP
如何突破PHP程序员的技术瓶颈分析
2011/07/17 PHP
PHP闭包函数传参及使用外部变量的方法
2016/03/15 PHP
实现PHP搜索加分页
2016/10/12 PHP
PHP实现15位身份证号转18位的方法分析
2019/10/16 PHP
WordPress伪静态规则设置代码实例
2020/12/10 PHP
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
js 对象是否存在判断
2009/07/15 Javascript
extjs中grid中嵌入动态combobox的应用
2011/01/01 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
生成二维码方法汇总
2014/12/26 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
2015/10/20 Javascript
js倒计时小实例(多次定时)
2016/12/08 Javascript
jquery设置css样式的多种方法(总结)
2017/02/21 Javascript
js canvas实现擦除效果示例代码
2017/04/26 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
Node.js事件的正确使用方法
2019/04/05 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
JS简易计算器实例讲解
2020/06/30 Javascript
python读取csv文件示例(python操作csv)
2014/03/11 Python
python基础教程之对象和类的实际运用
2014/08/29 Python
python错误处理详解
2014/09/28 Python
Python实现的爬取小说爬虫功能示例
2019/03/30 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
python正则表达式匹配不包含某几个字符的字符串方法
2019/07/23 Python
Python Django2 model 查询介绍(条件、范围、模糊查询)
2020/03/16 Python
Brother加拿大官网:打印机、贴标机、缝纫机
2019/10/09 全球购物
香港莎莎官网Sasa.com:亚洲著名国际化妆品商城
2019/11/10 全球购物
科室工作的个人自我评价
2013/10/30 职场文书
服务行业口号
2014/06/11 职场文书
2014最新版群众路线四风整改措施
2014/09/24 职场文书
2015年图书馆个人工作总结
2015/05/26 职场文书
老人院义工活动感想
2015/08/07 职场文书
为什么说餐饮很难做,是因为你不了解这些新规则
2019/08/20 职场文书