下载微信图片,小程序下载图片、文件、wx.downloadFile，废话少说直接上代码-即速应用

下载微信图片,小程序下载图片、文件、wx.downloadFile，废话少说直接上代码

浏览量：651 时间：2019-12-09 来源：csl125

官方开发文档wx.downloadFile(OBJECT)
下载文件资源到本地，客户端直接发起一个HTTPGET请求，返回文件的本地临时路径。使用前请先阅读。
OBJECT参数说明：
参数类型必填必填urlString是下载资源的urlheaderObject否HTTP请求Header，header中不能设置ReferersuccessFunction否下载成功后以tempFilePath的形式传给页面，res={tempFilePath:'文件的临时路径'}failFunction否接口调用失败的回调函数completeFunction否接口调用结束的回调函数（调用成功、失败都会执行）注：文件的临时路径，在小程序本次启动期间可以正常使用，如需持久保存，需在主动调用，才能在小程序下次启动时访问得到。
success返回参数说明：
参数类型说明tempFilePathString临时文件路径，下载后的文件会存储到一个临时文件statusCodeNumber开发者服务器返回的HTTP状态码返回值：
基础库1.4.0开始支持，低版本需做
返回一个downloadTask对象，通过downloadTask，可监听下载进度变化事件，以及取消下载任务。
downloadTaskdownloadTask对象的方法列表：
方法参数说明最低版本onProgressUpdatecallback监听下载进度变化abort中断下载任务onProgressUpdate返回参数说明：
参数类型说明progressNumber下载进度百分比totalBytesWrittenNumber已经下载的数据长度，单位BytestotalBytesExpectedToWriteNumber预期需要下载的数据总长度，单位Bytes
wxml：
buttonbindtap='down_file'下载/button//用来触发下载函数的按钮viewimagesrc='{{img_l}}'bindtap='preview_img'/image/view下载的资源在服务器中支持：
page({data:{img_l:''},preview_img:function(){//图片预览函数wx.previewImage({current:this.data.img_l,//当前显示图片的http链接urls:this.data.img_l//需要预览的图片http链接列表})},down_file:function(){var_this=this;constdownloadTask=wx.downloadFile({url:'http://127.0.0.1/m_pro/min_img/1517295297785-2018-01-30.jpg',//仅为示例，并非真实的资源success:function(res){//只要服务器有响应数据，就会把响应内容写入文件并进入success回调，业务需要自行判断是否下载到了想要的内容console.log(res)if(res.statusCode===200){_this.setData({img_l:res.tempFilePath//将下载的图片临时路径赋值给img_l,用于预览图片})}}})downloadTask.onProgressUpdate((res)={console.log('下载进度',res.progress)console.log('已经下载的数据长度',res.totalBytesWritten)console.log('预期需要下载的数据总长度',res.totalBytesExpectedToWrite)})}})

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。