问题描述
做了一个webapp主要运行在手机端,现在有两个地方需要下载图片到本地;一个地方需要前端生成二维码并且合并上去,所以canvas转化后是base64的图片码,另一个地方是上传到阿里云的图片链接;
本身来说WebView或者浏览器上都开放了长按图片保存的功能,但是现在吧这两个页面嵌入app的时候,安卓端无法长按保存图片了,wsf!!
于是一顿研究,是否能H5端实现图片下载到本地,研究很辛苦,结果很难受,到现在还没找到真正可行的办法。
问题出现的环境背景及自己尝试过哪些方法
尝试方法一:
<a href="xxxx" download>下载</a>
pc端直接跳出页面打开图片,移动端直接无反应
尝试方法二:
<iframe src="imgUrl" name="frame"></iframe>
function downloadImage() {
window.frames['frame'].document.execcommand('SaveAs')
}
直接跨域保存,也不知道实际效果可不可以!
希望
如果可以,希望大神指个路;如果不行,请明说,让我死了这条心吧!
让原生给你提供一个方法即可。