微信小程序 网络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 相关文章推荐
用cssText批量修改样式
Aug 29 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
js注入 黑客之路必备!
Sep 14 Javascript
基于JS+Canves实现点击按钮水波纹效果
Sep 15 Javascript
JavaScript实现图片懒加载(Lazyload)
Nov 28 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
BOM之navigator对象和用户代理检测
Feb 10 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
Sep 14 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
Dec 28 Javascript
详解解决使用axios发送json后台接收不到的问题
Jun 27 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
Oct 15 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中file_get_contents与curl性能比较分析
2014/11/08 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
基于OpenCart 开发支付宝,财付通,微信支付参数错误问题
2015/10/01 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
js控制框架刷新
2008/08/01 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
js登录弹出层特效
2014/03/07 Javascript
window.location的重写及判断location是否被重写
2014/09/04 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
jquery实现可横向和竖向展开的动态下滑菜单效果
2015/08/24 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
2017/01/16 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
2017/07/05 Javascript
泛谈JS逻辑判断选择器 || &&
2019/05/24 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
python技能之数据导出excel的实例代码
2017/08/11 Python
R vs. Python 数据分析中谁与争锋?
2017/10/18 Python
Numpy掩码式数组详解
2018/04/17 Python
Python中字典与恒等运算符的用法分析
2019/08/22 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
python计算波峰波谷值的方法(极值点)
2020/02/18 Python
python集合能干吗
2020/07/19 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
C# Debug和Testing相关面试题
2015/10/25 面试题
法院先进个人事迹材料
2014/05/04 职场文书
公务员四风问题对照检查材料整改措施
2014/09/26 职场文书
个人总结格式范文
2015/03/09 职场文书
Python pandas之求和运算和非空值个数统计
2021/08/07 Python
教你win10系统中APPCRASH事件问题解决方法
2022/07/15 数码科技