微信小程序 网络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蒙版控件实现代码
Dec 08 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
原生js实现半透明遮罩层效果具体代码
Jun 06 Javascript
jquery中each遍历对象和数组示例
Aug 05 Javascript
Javascript动态创建表格及删除行列的方法
May 15 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
JavaScript里 ==与===区别详解
Aug 16 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
Nov 25 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
May 05 Javascript
vue 移动端注入骨架屏的配置方法
Jun 25 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
Nov 11 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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
深入file_get_contents函数抓取内容失败的原因分析
2013/06/25 PHP
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
详解php用static方法的原因
2018/09/12 PHP
JS上传前预览图片实例
2013/03/25 Javascript
jquery、js操作checkbox全选反选
2014/03/12 Javascript
在JavaScript中正确引用bind方法的应用
2015/05/11 Javascript
详解Webpack + ES6 最新环境搭建与配置
2018/06/04 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
使用Vue实现调用接口加载页面初始数据
2019/10/28 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
2020/03/16 Javascript
es6函数之箭头函数用法实例详解
2020/04/25 Javascript
nodeJS与MySQL实现分页数据以及倒序数据
2020/06/05 NodeJs
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
React Native登录之指纹登录篇的示例代码
2020/11/03 Javascript
js实现验证码干扰(静态)
2021/02/22 Javascript
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
python创造虚拟环境方法总结
2019/03/04 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
python的re模块使用方法详解
2019/07/26 Python
python连接PostgreSQL过程解析
2020/02/09 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
CSS3 按钮边框动画的实现
2020/11/12 HTML / CSS
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
化工专业应届生求职信
2013/11/08 职场文书
优秀经理事迹材料
2014/02/01 职场文书
环保倡议书范文
2014/05/12 职场文书
移交协议书
2014/08/19 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书
导游词之西递宏村
2019/12/10 职场文书
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS
pytorch DataLoader的num_workers参数与设置大小详解
2021/05/28 Python