微信小程序 网络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 Window及document对象详细整理
Jan 12 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
PHP+jQuery+Ajax实现多图片上传效果
Mar 14 Javascript
JS设置cookie、读取cookie、删除cookie
Apr 17 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
Sep 22 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
js实现的光标位置工具函数示例
Oct 03 Javascript
angular十大常见问题
Mar 07 Javascript
使用vux实现上拉刷新功能遇到的坑
Feb 08 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
Sep 03 Javascript
使用vue完成微信公众号网页小记(推荐)
Apr 28 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防止sql注入之过滤分页参数实例
2014/11/03 PHP
PHP字符串word末字符实现大小写互换的方法
2014/11/10 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
JavaScript SHA512&SHA256加密算法详解
2015/08/11 Javascript
jquery实现的横向二级导航效果代码
2015/08/26 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
2017/11/27 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
vue实现扫码功能
2020/01/17 Javascript
vue项目中监听手机物理返回键的实现
2020/01/18 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
基于Django URL传参 FORM表单传数据 get post的用法实例
2018/05/28 Python
Python中的pathlib.Path为什么不继承str详解
2019/06/23 Python
Python3 使用pillow库生成随机验证码
2019/08/26 Python
python sorted函数原理解析及练习
2020/02/10 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
澳大利亚窗帘商店:Curtain Wonderland
2019/12/01 全球购物
学生安全教育材料
2014/02/14 职场文书
齐云山导游词
2015/02/06 职场文书
实施意见格式范本
2015/06/05 职场文书
小学英语教学经验交流材料
2015/11/02 职场文书
四十九个javascript小知识实用技巧
2021/11/20 Javascript