微信小程序 网络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 相关文章推荐
js自带函数备忘 数组
Dec 29 Javascript
javascript中比较字符串是否相等的方法
Jul 23 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
js向上无缝滚动,网站公告效果 具体代码
Nov 18 Javascript
JQuery Tips相关(1)----关于$.Ready()
Aug 14 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 Javascript
Google 地图API资料整理及详细介绍
Aug 06 Javascript
jQuery实现的无限级下拉菜单功能示例
Sep 12 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
Ionic学习日记实现验证码倒计时
Feb 08 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 Javascript
关于AngularJS中几种Providers的区别总结
May 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 URL验证正则表达式
2011/07/19 PHP
PHP使用正则表达式清除超链接文本
2013/11/12 PHP
简单的php新闻发布系统教程
2014/05/09 PHP
Codeigniter+PHPExcel实现导出数据到Excel文件
2014/06/12 PHP
Codeigniter的一些优秀特性总结
2015/01/21 PHP
Laravel5.1数据库连接、创建数据库、创建model及创建控制器的方法
2016/03/29 PHP
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
深入探密Javascript数组方法
2015/01/08 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
Python如何快速上手? 快速掌握一门新语言的方法
2017/11/14 Python
基于python的多进程共享变量正确打开方式
2018/04/28 Python
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
对python3 中方法各种参数和返回值详解
2018/12/15 Python
Python中字符串与编码示例代码
2019/05/20 Python
python3.6根据m3u8下载mp4视频
2019/06/17 Python
用python的turtle模块实现给女票画个小心心
2019/11/23 Python
Python+numpy实现矩阵的行列扩展方式
2019/11/29 Python
Python count函数使用方法实例解析
2020/03/23 Python
Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)
2020/04/16 Python
对Keras中predict()方法和predict_classes()方法的区别说明
2020/06/09 Python
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
英国建筑用品在线:Building Supplies Online(BSO)
2018/04/30 全球购物
澳大利亚领先的在线药房:Pharmacy Online(有中文站)
2020/02/22 全球购物
日语专业毕业生求职信
2013/12/04 职场文书
优秀毕业生自我鉴定
2014/01/19 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
团日活动总结书格式
2014/05/08 职场文书
村级四风对照检查材料
2014/08/24 职场文书
党员三严三实对照检查材料
2014/10/13 职场文书
单位委托函范文
2015/01/29 职场文书
经费申请报告
2015/05/15 职场文书