h5 /web 手机端 实现保存图片 到本地相册 uni-app
文章目录
- 首先，必须得知道的事情是：
- uni-app中是有保存图片到本地相册的api的：但是h5并不适用
- 手机浏览器长按图片会出现保存图片的按钮直接进行保存图片，甚至在微信中还可以进行扫一扫
- H5Plus 是用于 APP 的方法，别看见代码就贴去用！！
- 那些保存图片的方法，电脑版的web 和 手机版的 web根本就不是一回事，记得要用手机进行调试
- 踩坑及结果
- 最终使用的方法
- 后感
首先，必须得知道的事情是：
uni-app中是有保存图片到本地相册的api的：但是h5并不适用
手机浏览器长按图片会出现保存图片的按钮直接进行保存图片，甚至在微信中还可以进行扫一扫
ps：如果发现不能，有可能的原因 ------
- 图片的层级过低了，没有获取到，提高一下层级（z-index）；
- 图片被阻止操作了，给图片设置样式：
-webkit-touch-callout: default;
此外，建议给不用保存的其他图片设置上：-webkit-touch-callout: none;阻止用户操作。
具体什么功能：http://www.schoolw3c.com/book/css/webkit/behavior/touch-callout.html
H5Plus 是用于 APP 的方法，别看见代码就贴去用！！
那些保存图片的方法，电脑版的web 和 手机版的 web根本就不是一回事，记得要用手机进行调试
踩坑及结果
- 调用微信浏览器图片长按接口（扫一扫、保存）
结果： 好像是只能微信公众号网页才能使用 - 使用画图，把页面画下来再保存，这个方法有点没大必要的麻烦，也没研究能不能用，也是留着实在是不能，也一定要实现再研究一下的，链接
- 网上方法1：vue 图片下载到本地，图片保存到本地
结果：我这边的测试结果是微信的浏览器打得开，手机内置浏览器打不开 - 网上方法二 ：h5页面点击保存图片到手机本地相册（通用，传值就能用）
结果：本地图片可以下载，远程图片就是跳转到浏览页面，如果是只有下载本地图片的需求可以使用
最终使用的方法
······既然手机浏览器自己就可以保存图片的，api也调用不了，那就退而求其次，使用兼容判断咯，当是 h5页面时，提示用户长按保存图片。
（如果不能长按保存，尝试一下**“首先，必须得知道的事情=>第二点“**）
后感
可能有大佬会觉得，就这？？？写了跟没写一样。但我确实是试了好久好久的......如果有大佬有更好的解决办法，麻烦踢一下我谢谢~还有一个感受就是，copy的现象实在是太严重啦！ 找来找去都是那俩三个答案。真真想要copy也要测试能用再copy，至少是能用的解法呀！
文章目录
- 首先，必须得知道的事情是：
- uni-app中是有保存图片到本地相册的api的：但是h5并不适用
- 手机浏览器长按图片会出现保存图片的按钮直接进行保存图片，甚至在微信中还可以进行扫一扫
- H5Plus 是用于 APP 的方法，别看见代码就贴去用！！
- 那些保存图片的方法，电脑版的web 和 手机版的 web根本就不是一回事，记得要用手机进行调试
- 踩坑及结果
- 最终使用的方法
- 后感
h5 /web 手机端 实现保存图片 到本地相册 uni-app相关推荐
- uni-app保存图片到本地相册
犯了一个白痴问题,引用的图片都是本地的,下载拿到的临时路径无法保存,换成网络路径就好了. uni-app移动端保存图片到本地相册 uni-app中有一个接口:uni.saveImageToPhotos ...
- uni-app 保存图片到本地相册
uni-app 保存图片到本地相册页面 <image @longpress="saveimg()" src="../../static/image/1.jpg&qu ...
- uni-app移动端保存图片到本地相册
uni-app移动端保存图片到本地相册 uni-app中有一个接口:uni.saveImageToPhotosAlbum,但是之前使用的时候,真机测试没有问题,但是打了安装包就保存失败,走的是fail ...
- Nodejs+php+puppeteer 实现web手机端录屏（bull+cluster）
原来用的是直接在手机端用Canvas每秒输出25张图片 然后把图片合成视频 但是由于受手机端的性能和兼容问题换成了在服务器上用无头浏览器模拟手机端 可以实现稳定截取 添加队列和多线程实现并发保障 No ...
- h5实现手机端等级进度条
h5实现等级进度条 需求如下: 实现一个动画进度条,页面一打开实现一个进度条动画,因为App这个页面会经常改,所以没有使用原审Android或者IOS来实现,希望通过H5来做: 服务器端返回如下数据: ...
- 大佬H5网页手机端怎么应用微信快捷登陆?
现在碰到这样一个问题,我PC端微信快捷登录已经实现,是扫码授权登陆,但是我们网站有手机端访问地址,类似于京东手机访问版本,是H5的形式,不是 APP,现在登陆这块也想弄一个微信快捷登陆,目前我在微信开 ...
- 小程序画布插入证件照换低并保存图片到本地相册(注意必须保证canvas绘制完成才导出图片)
这里是将证件照图片写死,背景颜色写死,尺寸写死,大家可按需进行改进 首先最注意的地方是保存图片时,必须保证canvas绘制完成 官网教程(最好是配合来看) 第一步:在 WXML 中添加 canvas ...
- Android保存图片到本地相册
好久没有写东西了.备份下知识吧.免得忘记了 . 首先贴一段代码 -- 这个是先生成一个本地的路径,将图片保存到这个文件中,然后扫描下sd卡.让系统相册重新加载下 .缺点就是只能保存到DCIM的文 件 ...
- 小程序保存图片到本地相册
项目中需要保存带有水印的图片到本地相册. 现在图片上的水印是我拿到二维码定位到图片上做展示效果,所以真正带水印的图片是要在点击保存的时候从后台获取当前展示的图片的带水印图片,现在这是一个不自己切换的轮 ...
最新文章
- 7万能驱动64位离线_Dism++离线安装.NET Framework 3.5教程
- 分布式内存数据库---Redis的持久化
- BestCoder16 1002.Revenge of LIS II(hdu 5087) 解题报告
- 文献学习(part19)--Graph Connectivity In Sparse Subspace Clustering
- java comparator_【面试题】Java必考面试题全集(15)
- 前端学习（604）：编程语言
- 小甲鱼 OllyDbg 教程系列 (十四) ： 模态对话框 和 非模态对话框 之 URlegal 和 movgear
- bool python 运算_python中的布尔操作
- Python列表常用操作，浅拷贝及深拷贝
- 电机编码器调零步骤_什么是无刷直流电机换向的最有效方法？
- 苹果mac最好用的视频下载软件：Downie 4
- AS2在FLASH中调用EXE文件方法详细说明 已测试可行
- Unity移动端、WebGL 四边形线框Shader 实现
- latex图片的子标题放在中间
- matlab满秩分解函数,matlab满秩分解
- 在线音视频加速器终于实现了
- 【githubshare】基于 C 语言编写的一款 2D 太空射击游戏，已在 Windows 10 和 Ubuntu Linux 16.04 系统上跑通测试
- eos bp节点 超级节点搭建
- 计算机中的速率、带宽、时延、利用率解读
- %3c?php+eval,callback噩梦：解析著名CMS框架Drupal SQL注入漏洞