uni-app下载图片(新手上路)
app端下载图片
this.$h5Util.interaction('保存图片', '是否保存到本地相册').then(res => { if (res == 1) { // const downloadTask = uni.downloadFile({ url: this.str, //这里为图片路径 success: (res) => { if (res.statusCode === 201) { uni.saveImageToPhotosAlbum({ filePath: res.tempFilePath, success: function() { uni.showToast({ title: '保存成功!', icon: 'none' }) }, fail: function() { uni.showToast({ title: '保存失败,请稍后重试!', icon: 'none' }) } }); } } }); // downloadTask.onProgressUpdate((res) => { // this.bt=true; // console.log('下载进度' + res.progress); // console.log('已经下载的数据长度' + res.totalBytesWritten); // console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite); // this.br=(res.totalBytesWritten/res.totalBytesExpectedToWrite)*100 // // 测试条件,取消下载任务。 // // if (res.progress > 50) { // // downloadTask.abort(); // // } // }); } })
pc端测试时H5下载
需要: Base64
import { pathToBase64, //图片路径转base64 base64ToPath, //base64码转图片 } from '@/js_sdk/gsq-image-tools/image-tools/index.js'
var url; this.$h5Util.interaction('保存图片', '手机H5点击或长按二维码保存').then(res => { if (res == 1) { uni.downloadFile({ url: this.str, //这里为图片路径 success: (res) => { if (res.statusCode === 201) { pathToBase64(res.tempFilePath).then(base64 => { url = base64; var oA = document.createElement("a"); oA.download =" ";// 设置下载的文件名,默认是'下载' oA.href = url; oA.click(); document.body.appendChild(oA); oA.remove(); // 下载之后把创建的元素删除 }) .catch(error => { console.error(error) }) } } });
手机H5端可以点击图片或长按直接保存
目前只找到这些嘿嘿
uni-app下载图片(新手上路)相关推荐
- 使用python下载图片(新手代码)
使用python下载图片(新手代码) 刚学python 没多久, 代码处处是漏洞,也希望各位大佬理解一下 爬出来的图片... 使用的 是 https://www.tianapi.com/ 接口下的 ...
- uni App多图片上传,java后台接收
前台页面: <!-- 图片上传 --><wslimg title="图片上传" :num="9" :dataList="dataLi ...
- android 裁剪图片工具,图片裁剪助手app下载-图片裁剪助手软件下载 v4.0安卓版_5577安卓网...
图片裁剪助手是款非常实用的图片编辑软件,这款软件能够根据图片的情况进行自由裁剪,类似PS的软件,能够让用户自由进行图片剪辑和抠图,还能自由压缩图片,自由设置图片的大小,非常实用的一款软件,快来下载吧! ...
- uni-app-------长按下载图片
在遇到二维码的页面的时候,需要用到点击二维码图片并保存在用户手机中,让用户在相册中找到这个二维码 在html中对图片添加点击事件 <view @longpress="saveImg() ...
- android 图片 编辑app,图片编辑工具手机版下载-图片编辑工具app下载8.33.107安卓官方版-西西软件下载...
图片编辑工具app,非常实用的手机端图片处理工具!有时候一些图片简单的修改,还要打开电脑,连接手机传到电脑上相关软件进行改动,最后再传回手机,如果没电脑,难不成还等到有电脑的时候才能解决这个问题吗?现 ...
- android+世界地图高清版大图片,世界大地图app下载-世界大地图全息实景安卓版 - 超好玩...
世界大地图app下载,一款具有全球实景全息地图的地理地图服务软件.世界大地图全息实景安卓版提供在线实时定位系统,用户可以随时查看自己所在位置,并查看实时全息地图,同时提供精确地导航系统,方便用户规划路 ...
- ai修复照片软件是哪个软件_ai修图大师app下载-手机修图软件(修复图片) v1.1.0_5577安卓网...
修图大师app是一款专门为用户提供一个非常好用的是手机照片.图片修复软件,这款app通过智能的ai技术,很轻松的帮助用户进行图片修复,几十年前的照片也能光速修复,还有超多其他功能. [软件介绍] 修图 ...
- ai修复照片软件是哪个软件_ai修图大师app下载-手机修图软件(修复图片)v1.1.0_5577安卓网...
修图大师app是一款专门为用户提供一个非常好用的是手机照片.图片修复软件,这款app通过智能的ai技术,很轻松的帮助用户进行图片修复,几十年前的照片也能光速修复,还有超多其他功能. [软件介绍] 修图 ...
- mysql能不能存储图片_韩魔方视频app下载免费_电脑知识学习网
直播带货的内容会让大家觉得感兴趣,这里的一些商品都会更好的推广出去.各种各样的短视频内容还是非常多样化的,直接在这里浏览相关的内容也是很方便简单的 趣缘app最为真实,安全,可靠的相亲交友平台,保证所 ...
最新文章
- 学python有哪些用途-初入门学习python有哪些用途?
- c++适配器模式adapter
- 前端javascript经典面试题集合(2020年最新)
- ubuntu php mysql apache_Ubuntu+Apache+PHP+Mysql环境搭建(完整版)(转)
- 使用ListBox控件来实现直方图控件(一)
- .NET Core跨平台:.NET Core项目部署到linux(Centos7)
- USB-HDD/ZIP/HDD+/ZIP+/CDROM(量产) U盘启动模式简介
- LeetCode 69. x 的平方根
- JS生成uuid的四种方法
- SecureCRT for mac 破解安装
- 移动硬盘使用时间、读写速度和坏道查询
- 用户画像标签体系建设指南
- 微信公众号、订阅号、服务号、企业号的区别
- 剑指 Offer(C++版本)系列:剑指 Offer 13 机器人的运动范围
- python的eval函数
- javascript网页设计期末作业 购物网站
- 北中医远程教育计算机2008,北京中医药大学远程教育“计算机应用基础”第7次作业...
- 微信开发者工具下载及调试
- 语义分割系列2-Unet(pytorch实现)
- 深度学习-85:智慧地球/智慧城市/智慧家庭
热门文章
- ASP.NET DataList嵌套实现评论效果
- 02.08 Longest Regular Bracket Sequence
- 无处 不在的无线智能——6g 的关键驱动与研究挑战_一文看懂什么是 6G - 6G,5G
- Linux线程属性总结 http://blog.csdn.net/zsf8701/article/details/7842392
- Mikrotik接口VLAN设置
- 2023 中科大软院 孟宁 高级软件工程考题
- TextBox换行C#文本框换行.net文本框换行textarea换行
- valueOf()方法的使用
- FAE,嵌入式最苦涩的职位
- adodb/adodb.inc.php,php adodb连接不同数据库