最近要做个在H5页面里长按保存图片的功能,已经找了个第三方插件html2canvas解决了在浏览器和在ios app的长按保存,但是这个插件在android app里失效了,所以得单独处理android app内嵌H5页面的长按保存图片,有没有什么方法解决?

回答

只是下个图片不用用到html2canvas吧?demo

Document

var timer = null;

var $img = document.querySelector('.img');

$img.addEventListener('touchstart', () => {

clearTimeout(timer)

console.log('touch')

timer = setTimeout(() => {

fetch($img.src).then(res => res.blob()).then(blob => {

var $a = document.createElement('a');

var url = URL.createObjectURL(blob);

$a.href = url;

$a.download = 'test.jpg'

$a.style.display = 'none';

document.body.appendChild($a)

$a.click()

URL.revokeObjectURL(url);

document.body.removeChild($a);

})

}, 1000)

});

$img.addEventListener('touchend', () => clearTimeout(timer));

html2canvas这个兼容还是可以的。建议打断点看看;

android 如何保存网页图片格式,求助,如何在安卓app内嵌的H5页面里长按保存图片?...相关推荐

  1. android自动切换暗色,超实用!Android 深色模式适配(可定时开启的APP内主题切换管理工具)...

    前言 前面分享了一篇"黑白化主题"的文,主要适用场景是不久就要到来的"清明"等时节或者是其他的国家公祭日什么的(一名成熟的程序员,要学会自己提产品需求). 今天 ...

  2. 使用Chrome开发者工具调试Android端内网页(微信,QQ,UC,App内嵌页等)

    使用Chrome开发者工具调试Android端内网页(微信,QQ,UC,App内嵌页等) 传送门 转载于:https://www.cnblogs.com/momozjm/p/9389912.html

  3. Android Studio开发安卓app 封装WEB(H5,URL)

    由于项目需要,需使用安卓app封装WEB(H5)url链接,之前用的HbuilerX混合开发,但是Hhuildex的UNIAPP在线打包无法实现开机自动启动功能.需使用离线打包,就干脆学习使用andr ...

  4. 大势所趋,应用如何适配Android P HEIF图片格式

    谷歌公布,Android P 版本支持HEIF格式图片.HEIF 全称为 High Efficiency Image Format,即高效率图片格式.相比于 JPEG 等目前互联网通用的图片格式,HE ...

  5. android 图片格式 xvg,大势所趋,应用如何适配Android P HEIF图片格式

    谷歌公布,Android P 版本支持HEIF格式图片.HEIF 全称为 High Efficiency Image Format,即高效率图片格式.相比于 JPEG 等目前互联网通用的图片格式,HE ...

  6. android批量转换图片格式,使用Android Studio批量转换图片为Webp格式

    简介 Webp是一个现代的图片格式提供优秀的无损和有损压缩.使用Webp我们可以创建更小更丰富的图片. Webp无损图片比PNG图片的size小26%.Webp有损图片在同等SSIM(结构化相似)质量 ...

  7. android webview 网页图片加载不出来、显示不全、进入某页面退出,h5页面滑不了,点不了等功能异常等问题集锦

    在我们的android开发中,难免会嵌套一些h5页面在APP中,固然是减轻了开发者的负担,但也容易遇到一些很奇怪的问题. 一.网页图片加载不出来 此前笔者公司由于h5网页链接频繁被劫持篡改(链接被篡改 ...

  8. Android学习--02(猜猜我的星座App源码+Android常用控件TextView+EditText+Button+ImangeView+DatePicker+App间通信+跳转页面)

    猜猜我的星座App 1 Android常用控件 1.1 TextView控件 1.1.1 简介 1.1.2属性 1.1.3 扩展属性 1.1.4 TextView的使用方法 1.1.5总结 1.2 E ...

  9. android wifi优化,WiFi信号如何快速优化? 安卓APP来帮忙

    Wi-Fi信号是无形的.捉摸不定的,但是它的出现却为我们的生活带来了翻天覆地的变化,令信息的传送更加自由.快捷和方便.可是你是不是正遭遇家中无线信号不稳定的困扰呢?如果是的话,如何对Wi-Fi信号进行 ...

最新文章

  1. 必须安利的KubernetesDevOps工具
  2. Java——我的概念
  3. Oracle SQL语句大全(二)
  4. FOI冬令营 Day 3
  5. 命令(CMD)终端的清屏(清除/清空)命令/快捷键
  6. mysqli与pdo防sql注入源码
  7. php 伪静态 获取当前页面路径_织梦移动适配PHP获取当前页面URL地址方法
  8. java 异常处理线程_转:Java子线程中的异常处理(通用)
  9. 实现粗糙表面_你了解什么是表面粗糙度吗?
  10. android求助:关于播放器中的“播放/暂停”键: 用ImageButton来设置点击效果时的问题...
  11. 【论文写作】城市酒店入住信息管理系统中客房各项功能如何写
  12. 数据结构上机实践第八周项目1- 建立顺序串的算法库
  13. oracle ora-22992,ORACLE ORA--22992:无法使用远程表选择的LOB定位器,database link
  14. Spring在Web中的应用
  15. 在Windows下的路径分隔符和Linux下的路径分隔符是不一样的
  16. java tomcat jvm内存_【转】Linux下tomcat JVM内存
  17. Python爬虫,超简单地实现一键提取阴阳师原画
  18. 山重水复疑无路,柳暗花明又一村 。
  19. UC/OS-II(一)资料绪论
  20. dva model数据管理

热门文章

  1. 点量云流化具有哪些特色
  2. Vulnhub-bulldog1
  3. 一些心理上的优势状态和劣势状态
  4. 海康2017校招C++开发岗位笔试题
  5. 基于焦散线方法的自加速光束设计
  6. 计算机安装硬盘后无法启动不了,双硬盘无法启动提示"invalid partition table"开不了机怎么解决?...
  7. 安卓跳转应用市场评论
  8. python批量测试网站加载时间_python测试网站访问速度
  9. RK3588 CPU GPU DDR NPU定频和性能模式设置
  10. 计算机硬盘能达到5g的速度,5G网络速度达到1G,但硬盘读写速度才几十兆,怎么办...