uni-app 下载文件预览 + 保存自定义目录

作为使用uni-app的小白来说尝试了好几种方法终于得到了我想要的效果(如下)

1.点击下载按钮(文件或者图片)

2.预览：用户自定义选择查看的软件(图片在手机相册文件用其他打开预览)

3.自定义存储的项目文件：(这里面就是下载的所有文件)

本地路径开头使用file://，跟上手机文件本地目录storage/emulated/0，就是用户文件管理器能看到的了，之后我创建 xxx培训文件作为文件夹，后缀是用于文件命名和格式修改，大家可以使用变量

官方文档下载文件永久保存uni.downloadFile和uni.saveFile，文件存放的位置开始时临时的，转成永久的后

它默认保存的位置在“内部存储\Android\data\io.dcloud.HBuilder\apps\HBuilder\doc\uniapp_save”里

so 我们自定义目录最方便代码如下：

Download() {/* #ifdef H5 */uni.showToast({icon: 'none',title: "仅支持app下载"})/* #endif */var url = "http://xxxxx"let dtask = plus.downloader.createDownload(url, {//本地路径开头使用file://，跟上手机文件本地目录storage/emulated/0，就是用户文件管理器能看到的了，之后我创建微垠作为文件夹，后缀是用于文件命名和格式修改，大家可以使用变量。filename: "file://storage/emulated/0/微垠/" + "微垠影视v1.2.apk" //利用保存路径，实现下载文件的重命名}, function(d, status) {//d为下载的文件对象if (status == 200) {//下载成功,d.filename是文件在保存在本地的相对路径，使用下面的API可转为平台绝对路径let fileSaveUrl = plus.io.convertLocalFileSystemURL(d.filename);plus.runtime.openFile(d.filename); //选择软件打开文件} else {//下载失败plus.downloader.clear(); //清除下载任务}})dtask.start();}

补充：

uni-app 多端兼容判断条件如下：

app:
/* #ifdef APP-PLUS */
(放代码块)
/* #endif */h5：
/* #ifdef H5 */
(放代码块)
/* #endif */

作者：微微一笑绝绝子

出处：https://www.cnblogs.com/wwyxjjz/p/16548124.html

本博客文章均为作者原创，转载请注明作者和原文链接。

uni-app 下载文件预览 + 保存自定义目录相关推荐

h5页面如何预览excel文件_H5 app实现文件预览下载（包括图片、pdf、word、excel、txt格式）...
本人第一次接触H5 app,一上来就要实现这个功能,就是一脸的黑人问号,只能老办法,去找度娘~. 网上一搜,果然有很多种方法呀.本人用的是壳子是"cordova",因此用这种方法是 ...
wex5插件追加下载文件预览文件微信微博QQ分享
documenthandler插件使用方法目录 1.概述 2.JS调用方法 3.注意事项概述 documenthandler插件的功能是下载指定url的文件并使用系统注册过的应用打开.支持Andr ...
文件上传，下载，预览，删除（File），分页接口
文件上传,下载,预览,删除(File) 1.公共参数方法 1.1公共返回类型定义 1.2 分页接口 1.3公共实体类 1.4 公共的 mapper.java/xml(都放在一起) 1.4.1 File ...
vue怎么实现office，PDF，图片，OFD文件预览
要在Vue中实现Office.PDF.图片和OFD文件的预览,可以使用不同的第三方库来处理不同类型的文件.以下是一个详细的教程和代码示例,使用vue-pdf库来预览PDF文件,使用vue-doc-pr ...
iOS 打破沙盒限制处理其他App的Office等文件（上传、下载、预览）
前言项目要加个附件功能,要求发布者能添加word.pdf什么的,查看者能下载并预览. 安卓端表示OK无问题.iOS端表示w*%#-c.由于沙盒机制,没越狱的iPhone不同App文件都是不互通的. ...
SpringBoot+MongoDB GridFS文件上传、下载、预览实战
SpringBoot + MongoDB GridFS 随着web 3.0的兴起,数据的形式不局限于文字,还有语音.视频.图片等.高效存储与检索二进制数据也成为web 3.0必须要考虑的问题.然而这种 ...
struts上传word和excel文件到oracle,Struts文件上传,下载,重传,预览
[Struts2]☆★之文件上传,下载,重传,预览今日群里一兄弟问我能否给一份struts文件上传下载的例子,因为自己项目比较紧所以想在网上找些源码给他,但是纵观全网,写的都不是太全,这让新手使用 ...
微信小程序saveFile，openDocument方法下载、预览pdf文件不能用本地应用打开（不能另存为）的问题
微信小程序saveFile,openDocument方法下载.预览pdf文件不能用本地应用打开(不能另存为)的问题查看官方文档的openDocument()方法,发现加一个showMenu: tru ...
Nginx配置文件目录实现pdf文件预览及下载
默认情况下,通过nginx服务器来访问pdf文件,在浏览器上是会直接打开该pdf文件呈现内容的.如果想要访问pdf文件时,实现下载文件的效果,则需要在nginx服务端做一些配置. 以下配置只能下载 n ...

uni-app 下载文件预览 + 保存自定义目录

uni-app 下载文件预览 + 保存自定义目录相关推荐

最新文章

热门文章

uni-app 下载文件 预览 + 保存自定义目录

uni-app 下载文件 预览 + 保存自定义目录相关推荐

最新文章

热门文章

uni-app 下载文件预览 + 保存自定义目录

uni-app 下载文件预览 + 保存自定义目录相关推荐