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

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

浏览量:1630 时间: 来源:csl125

官方开发文档   wx.downloadFile(OBJECT)

下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。使用前请先阅读说明

OBJECT参数说明:

参数类型必填必填
urlString下载资源的 url
headerObjectHTTP 请求 Header,header 中不能设置 Referer
successFunction下载成功后以 tempFilePath 的形式传给页面,res = {tempFilePath: '文件的临时路径'}
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,才能在小程序下次启动时访问得到。

success返回参数说明:

参数类型说明
tempFilePathString临时文件路径,下载后的文件会存储到一个临时文件
statusCodeNumber开发者服务器返回的 HTTP 状态码

返回值:

基础库 1.4.0 开始支持,低版本需做兼容处理

返回一个 downloadTask 对象,通过 downloadTask,可监听下载进度变化事件,以及取消下载任务。

downloadTask

downloadTask 对象的方法列表:

方法参数说明最低版本
onProgressUpdatecallback监听下载进度变化1.4.0
abort 中断下载任务1.4.0

onProgressUpdate 返回参数说明:

参数类型说明
progressNumber下载进度百分比
totalBytesWrittenNumber已经下载的数据长度,单位 Bytes
totalBytesExpectedToWriteNumber预期需要下载的数据总长度,单位 Bytes


wxml:

<button bindtap='down_file'>下载</button>//用来触发下载函数的按钮<view><image src='{{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;    const downloadTask=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 ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎