微信小程序 网络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 相关文章推荐
解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
Aug 13 Javascript
用JavaScript编写COM组件的步骤
Mar 17 Javascript
LABjs、RequireJS、SeaJS的区别
Mar 04 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
May 01 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
老生常谈js数据类型
Aug 03 Javascript
vue项目国际化vue-i18n的安装使用教程
Mar 14 Javascript
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 Javascript
小程序两种滚动公告栏的实现方法
Sep 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
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
Linux下php5.4启动脚本
2014/08/03 PHP
PHP中使用asort进行中文排序失效的问题处理
2014/08/18 PHP
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
详解JS正则replace的使用方法
2016/03/06 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
Canvas实现动态的雪花效果
2017/02/13 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
vue.js select下拉框绑定和取值方法
2018/03/03 Javascript
angular 未登录状态拦截路由跳转的方法
2018/10/09 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
JavaScript实现简单的图片切换功能(实例代码)
2020/04/10 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
使用graphics.py实现2048小游戏
2015/03/10 Python
使用Nginx+uWsgi实现Python的Django框架站点动静分离
2016/03/21 Python
python简单实现刷新智联简历
2016/03/30 Python
Python基础语言学习笔记总结(精华)
2017/11/14 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
详解python itertools功能
2020/02/07 Python
Python接口自动化测试框架运行原理及流程
2020/11/30 Python
黑猩猩商店:The Chimp Store
2020/02/12 全球购物
SQL Server提供的3种恢复模型都是什么? 有什么区别?
2012/05/13 面试题
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
小学生寒假家长评语
2014/04/16 职场文书
促销活动计划书
2014/05/02 职场文书
学习计划书怎么写
2014/09/15 职场文书
民主生活会对照检查材料(统计局)
2014/09/21 职场文书
mysql部分操作
2021/04/05 MySQL
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸