uni-app
晓是初晓的晓
做人嘛,开心最重要。
展开
-
使用html5plus实现文件管理功能
1.实现文件管理的大致思路如下:(1)app中下载的文件路径最好设置为同一文件夹,通过系统保存文件目录获取到该目录下所有文件和子目录;(2)判断如果是文件,则获取该文件的信息(路径、名称、大小、修改时间等),用于文件列表展示;(3)提供选择、删除文件等功能。2.在此之前先来了解一下htmlp5plus中的一些常量及API:(1)PUBLIC_DOWNLOADS:程序公用下载目录常量(每个...原创 2020-04-17 10:27:45 · 4505 阅读 · 3 评论 -
uni-app阻止页面滚动与返回顶部的实现
uni-app出现蒙版时,阻止下层页面滚动:在蒙版的最外层标签上添加@touchmove.stop/prevent="()=>{}"即可。scroll-view返回顶部://监听scroll事件,记录组件内部变化的值,在设置新值之前先设置为记录的当前值<scroll-view :scroll-top="scrollTop" scroll-y="true" @scroll="...原创 2020-04-16 15:29:31 · 2776 阅读 · 1 评论 -
uni-app:使用plus.downloader.createDownload进行文件下载(web-view和APP页面都可用)
上一篇 uni-app:web-view实现文件(非图片视频文件)上传与下载,末尾对于文件采用了触发a标签的方式进行下载,虽然可行,但难免有点low。后来考虑到我们上传的文件名称在后端被篡改(时间戳+随机数),但是当用户进行下载时,最好的体验应该是文件名称不变,这时可以用html5plus中的plus.downloader.createDownload进行文件下载,重命名。具体用法如下:plus...原创 2020-01-15 10:13:50 · 23427 阅读 · 12 评论 -
uni-app:使用uni.downloadFile下载文件并保存到手机
在uni-app中下载文件需要先获取文件的临时路径,然后再进行保存,才算下载成功:uni.downloadFile({ url, //文件链接 header, success:({statusCode,tempFIlePath})=>{ //statusCode状态为200表示请求成功,tempFIlePath临时路径 if(statusCode==200){ ...原创 2019-12-09 10:52:08 · 43771 阅读 · 13 评论 -
uni-app:web-view实现文件(非图片视频文件)上传与下载
在APP最近开发的一个功能模块中,需要实现非图片与视频的文件上传与下载功能,查看了很多资料,也踩了不少坑。现在记录一下,希望可以帮到有需要的同学。一:上传首先需要创建一个web-view页面,在pages.json中配置web-view的页面路径为(/pages/exp/web_view),如下:<template> <view> /*web-view中的src...原创 2019-12-09 10:31:46 · 5767 阅读 · 1 评论