微信小程序 网络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之事件绑定
Jul 08 Javascript
js 文本滚动效果的实例代码
Aug 17 Javascript
JS远程获取网页源代码实例
Sep 05 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
js实现右下角提示框的方法
Feb 03 Javascript
浅谈JavaScript字符串与数组
Jun 03 Javascript
浅析jquery与checkbox的checked属性的问题
Apr 27 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
Jul 05 Javascript
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
vue-router中scrollBehavior的巧妙用法
Jul 09 Javascript
如何在Angular应用中创建包含组件方法示例
Mar 23 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中常用字符串处理代码片段整理
2011/11/07 PHP
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
深入解析PHP中的(伪)多线程与多进程
2013/07/01 PHP
php生成xml时添加CDATA标签的方法
2014/10/17 PHP
将PHP的session数据存储到数据库中的代码实例
2016/06/24 PHP
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
Javascript基础教程之数据类型 (数值 Number)
2015/01/18 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
javascript瀑布流式图片懒加载实例
2020/06/28 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
2017/02/15 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
js分页之前端代码实现和请求处理
2017/08/04 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
2017/12/28 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
vue轻量级框架无法获取到vue对象解决方法
2019/05/12 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
react 生命周期实例分析
2020/05/18 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
python 自动提交和抓取网页
2009/07/13 Python
ubuntu17.4下为python和python3装上pip的方法
2018/06/12 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
网页切图的CSS和布局经验与要点
2015/04/09 HTML / CSS
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
CSS中越界问题的经典解决方案【推荐】
2016/04/19 HTML / CSS
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
美国最大点评网站:Yelp
2018/02/14 全球购物
2013年研究生毕业感言
2014/02/06 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
小学班主任研修日志
2015/11/13 职场文书
Python打包为exe详细教程
2021/05/18 Python
Go遍历struct,map,slice的实现
2021/06/13 Golang
HTML基本元素标签介绍
2022/02/28 HTML / CSS
vue选项卡切换的实现案例
2022/04/11 Vue.js