微信小程序 网络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实现的分页函数
Feb 07 Javascript
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
Apr 13 Javascript
JS实现闪动的title消息提醒效果
Jun 20 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
JavaScript Date对象详解
Mar 01 Javascript
JS实现JSON.stringify的实例代码讲解
Feb 07 Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 Javascript
get  post jsonp三种数据交互形式实例详解
Aug 25 Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
vue axios请求超时的正确处理方法
Apr 02 Javascript
javascript实现遮罩层动态效果实例
May 14 Javascript
javascript实现点击按钮切换轮播图功能
Sep 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
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
php动态生成JavaScript代码
2009/03/09 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
js表格分页实现代码
2009/09/18 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
基于JS实现Android,iOS一个手势动画效果
2016/04/27 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
简单实现js点击展开二级菜单功能
2017/05/16 Javascript
js随机生成一个验证码
2017/06/01 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
2019/02/20 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
2021/03/01 jQuery
[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦
2015/02/02 DOTA
浅谈python中set使用
2016/06/30 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
python itchat实现调用微信接口的第三方模块方法
2019/06/11 Python
Python中栈、队列与优先级队列的实现方法
2019/06/30 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
澳大利亚百货公司:David Jones
2018/02/08 全球购物
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
奥地利手表、香水、化妆品和珠宝购物网站:Brasty.at
2021/01/17 全球购物
Java里面如何创建一个内部类的实例
2015/01/19 面试题
后勤人员岗位职责
2013/12/17 职场文书
八一慰问活动方案
2014/02/07 职场文书
商超业务员岗位职责
2014/03/12 职场文书
岁月神偷观后感
2015/06/11 职场文书
学校标语口号大全
2015/12/26 职场文书
分析MySQL优化 index merge 后引起的死锁
2022/04/19 MySQL
Mysql中@和@@符号的详细使用指南
2022/06/05 MySQL