uni-app如何实现将一个图片或文件路径下载到本地

文件下载是大多数网站常见的需求功能点之一,通过对指定文件的下载可以极大程度满足用户对于一些文件的需求。

那么在uni-app多端开发框架中,可以如何实现对一个图片路径或视频路径的下载操作呢?

关于uni-app框架中的下载功能,这里就需要到用到如下两个方法

    uni.downloadFile:下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。

    uni.saveImageToPhotosAlbum:保存图片到系统相册。

通过对这两个方法配合使用即可实现就路径类文件保存到本地。

uni-app路径下载方法封装:

downImg(e){
const urlPath = e
uni.downloadFile({
url: urlPath,
success(res){
// 这时会产生一个临时路径,在应用本次启动期间可以正常使用。
if (res.statusCode == 200) {
// 需要将图片保存到相册
uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath, // 图片文件路径,可以是临时文件路径也可以是永久文件路径,不支持网络图片路径
success(res){
uni.showToast({
title: '保存成功',
icon: 'none'
})
},
fail(err){
uni.showToast({
title: '图片保存失败',
icon: 'none'
})
}
})
} else {
uni.showToast({
title: '下载失败,请稍后再试',
icon: 'none'
})
}
},
fail(err) {
uni.showToast({
title: '下载失败,请稍后再试',
icon: 'none'
})
}
})
}

单页面中使用下载

downImg('http://你的文件地址')

通过该方法即可实现将文件路径下载到本地。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!