webapp怎么下载图片到手机相册?

问题描述

做了一个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')
}

直接跨域保存,也不知道实际效果可不可以!

希望

如果可以,希望大神指个路;如果不行,请明说,让我死了这条心吧!

阅读 8.1k
2 个回答

让原生给你提供一个方法即可。

新手上路,请多包涵

我也遇到这问题,请问楼主问题解决了吗?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题