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

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

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

OBJECT参数说明：

参数	类型	必填	必填
url	String	是	下载资源的 url
header	Object	否	HTTP 请求 Header，header 中不能设置 Referer
success	Function	否	下载成功后以 tempFilePath 的形式传给页面，res = {tempFilePath: '文件的临时路径'}
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

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

success返回参数说明：

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

返回值：

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

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

downloadTask

downloadTask 对象的方法列表：

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

onProgressUpdate 返回参数说明：

参数	类型	说明
progress	Number	下载进度百分比
totalBytesWritten	Number	已经下载的数据长度，单位 Bytes
totalBytesExpectedToWrite	Number	预期需要下载的数据总长度，单位 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)})}})

小程序下载图片、文件、wx.downloadFile，废话少说直接上代码相关推荐

微信小程序下载视频文件wx.downloadFile下载资源失败
官方示例代码: wx.downloadFile({url: 'https://example.com/audio/123', //仅为示例,并非真实的资源success (res) {// 只要服务器 ...
小程序-下载图片体验版提示下载失败
问题: 小程序下载图片,在开发工具上测试正常,但是在体验版真机测试提示下载失败,而且没有弹出授权弹出框, 解决: 在微信开发平台中的开发->开发设置-〉服务器域名->downloadFil ...
小程序权限设置：小程序下载图片保存到相册拒绝权限后，再次打开权限的解决方案
小程序下载图片保存到相册功能,首次操作会提示:保存图片或视频到你的相册,有'拒绝'和'允许'两个选项,如果选择了拒绝就会保存失败:saveImageToPhotosAlbum:fail auth de ...
微信小程序下载保存文件
前言总是有需求想在微信小程序里面做下载文件并保存的功能,所以自己整理了一下小程序涉及到下载api,大致理了下在小程序里面下载的流程和解决方案. 一.涉及api 1.wx.saveFile() 文 ...
微信小程序下载图片获取相册授权，保存视频或图片到手机相册
单独建一个downloadfile.js,将方法导出: downloadfile.js文件: //downloadfile.js/*** 下载单个文件*/ function downloadFile( ...
微信小程序下载图片保存到本地
<image src="{{image}}" class="slide-image" mode="widthFix" bindload ...
微信小程序下载图片与缓存
wx.downloadFile(Object object) 下载文件资源到本地.客户端直接发起一个 HTTPS GET 请求,返回文件的本地临时路径.使用前请注意阅读相关说明. 注意:请在服务端响应 ...
微信小程序下载图片或视频保存到手机系统相册
//downloadSaveFile.js/*** 下载单个文件* @param {string} [type]* @param {string} url* @callback successCall ...
微信小程序下载图片到本地
downloadImg: function(e){ //触发函数console.log(e.currentTarget.dataset.url)wx.downloadFile({url: e.curr ...

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

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

downloadTask

小程序下载图片、文件、wx.downloadFile，废话少说直接上代码相关推荐

最新文章

热门文章