微信小程序API之网络(三)下载数据
来源:互联网 发布:js 获取table tr td 编辑:程序博客网 时间:2024/05/21 01:56
隔了好几天,昨天导师说要验收啦!捉急!!!加紧进度得做出来了小程序~
1.微信小程序使用wx.downloadFile(OBJECT)进行文件下载(临时保存),返回文件的临时存储路径。该次存储只有本次小程序启动时有效,如需永久保存需调用wx.saveFile进行保存。先看下wx.downloadFile的参数列表↓
参数 类型 必填 必填
2.可以使用downloadFil的返回值downloadTask监测下载进度,downloadTask的对象方法列表↓
方法 参数 说明 最低版本
参数 类型 说明
3.还是用tomcat,造一个资源地址。(上一篇博客中记录了,此处不再赘述)
(1)附上wxml代码,button绑定方法“downloadFromServer”在js中定义
<view class="container wxml-container"> <text class="topic-group">下载</text> <button class="button" bindtap="downloadFromServer">下载数据</button> <progress class='usual_progres' show-info percent='{{downloadPercent}}'></progress> </view>
(2)js文件
// pages/api/api.jsPage({ data: { downloadPercent:0 }, downloadFromServer: function () { const downloadTask = wx.downloadFile({ url: 'http://xxx.xxx.xxx.xxx:8080/wxapp/GIF1.gif', //开启tomcat后的本机ip地址 success: function (res) { console.log(res) wx.saveFile({//对临时资源进行永久保存 tempFilePath: res.tempFilePath,//tempFilePath想要保存的文件的临时地址 success:function(res){ console.log("保存成功啦") console.log(res)//res是保存成功的返回值,包含存储路径等 } }) } }) downloadTask.onProgressUpdate((res) => { console.log('下载进度', res.progress) this.setData({ downloadPercent: (res.progress*100).toFixed(2)//toFixed(2)取小数点后两位,更新wxml中progress组件的进度值 }) }) //downloadTask.abort() // 取消下载任务 }})
.usual_progres{ width: 100%; height: 20px; }
(4)效果图(只观察下载部分)
(5)查看控制台的log输出,“保存成功啦”上面是downloadFile的success回调,下半部分是saveFile的success输出。
阅读全文
0 0
- 微信小程序API之网络(三)下载数据
- 微信小程序API之网络(二)上传数据
- 微信小程序API之网络(一)发起请求
- 微信小程序API之网络(四)WebSocket
- 小程序文档整理之 -- API(网络请求)
- 微信小程序 5 网络api
- 分布式搜索elasticsearch java API 之(三)------索引数据
- 分布式搜索elasticsearch java API 之(三)------索引数据
- 微信小程序(三):网络请求
- 小程序文档整理之 -- API(数据缓存)
- 小程序文档整理之 -- API(数据分析)
- UI网络笔记(三):UI网络之图片的上传和下载
- 微信小程序脚本数据绑定(三)
- python网络爬虫与信息采取之下载存储数据(一)-----下载储存媒体文件模板
- 分布式搜索elasticsearch java API 之(三)(四)------索引数据、删除索引数据
- Android之数据存储详解(三)之网络存储数据
- UI网络笔记(四):UI网络之解析XML数据的三种方式
- AsyncTask专题三之趁热打铁 从网络上下载图片
- Django编写RESTful API(三):基于类的视图
- 搜索引擎的基本工作原理
- 组合模式(结构型设计模式)
- 如何删除 Launchpad 中的无用图标
- python dlib学习(一):人脸检测
- 微信小程序API之网络(三)下载数据
- opencv 读取目标文件夹里图像并排序放入指定文件夹
- Java 四种访问控制符 public protected defualt private
- css让一个容器水平垂直居中
- GitHub万星项目:黑客成长技术清单
- 2017.10.24总结
- FileInputStream(字节流)与fileReader(字符流) 的区别
- 人人都会的35个Jquery小技巧
- 梯度下降回归