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

六月初六月初 uni-app 2024-09-13 08:54:39

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

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

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

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

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

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

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

  1. downImg(e){
  2.     const urlPath = e
  3.     uni.downloadFile({
  4.         url: urlPath,
  5.         success(res){
  6.             // 这时会产生一个临时路径，在应用本次启动期间可以正常使用。
  7.             if (res.statusCode == 200) {
  8.                 // 需要将图片保存到相册
  9.                 uni.saveImageToPhotosAlbum({
  10.                     filePath: res.tempFilePath, // 图片文件路径，可以是临时文件路径也可以是永久文件路径，不支持网络图片路径
  11.                     success(res){
  12.                         uni.showToast({
  13.                             title: '保存成功',
  14.                             icon: 'none'
  15.                         })
  16.                     },
  17.                     fail(err){
  18.                         uni.showToast({
  19.                           title: '图片保存失败',
  20.                           icon: 'none'
  21.                         })
  22.                     }
  23.                 })
  24.             } else {
  25.                 uni.showToast({
  26.                   title: '下载失败,请稍后再试',
  27.                   icon: 'none'
  28.                 })
  29.             }
  30.         },
  31.         fail(err) {
  32.              uni.showToast({
  33.                 title: '下载失败,请稍后再试',
  34.                 icon: 'none'
  35.              })
  36.          }
  37.     })
  38. }
Collapse Code

单页面中使用下载

  1. downImg('http://你的文件地址')
Collapse Code

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

铁子们，抗不住了。点点广告可好，感谢您的支持。
六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！