我有一个包含图像的移动 html 页面。我想创建一个用于下载图像的按钮或链接。然后,图像应保存到用户的移动图像库中。
我看过这个帖子:如何在 html 中创建下载链接? https://stackoverflow.com/questions/2793751/how-can-i-create-download-link-in-html
解决方案
<a href="link/to/your/download/file" download="filename">Download link</a>
可以在桌面浏览器中运行,但不能在移动设备上运行。
这是我制作的 JSFiddle:http://jsfiddle.net/tDVqH/4/ http://jsfiddle.net/tDVqH/4/
注意:图像是在浏览器中创建的,即在 HTML5 canvas 元素中。该图像可以使用 canvas.toDataUrl() 生成。生成的图像应保存到移动图像库。
如何通过单击/点击将图像保存到用户的移动图像库?是否有 JavaScript 解决方案,无需使用未知标头进行 Ser 往返?
编辑:我还发现了以下问题,但没有答案。通过单击移动浏览器中的链接或按钮将图像从网站保存到本地文件夹 https://stackoverflow.com/questions/9130258/save-an-image-to-the-local-folder-from-the-website-by-clicking-a-link-or-buton-i?rq=1 and 将图像从浏览器保存到手机图库 https://stackoverflow.com/questions/17749145/save-an-image-to-a-mobile-phone-gallery-from-a-browser
有人似乎有已经回答了这个问题 https://stackoverflow.com/a/16302092/1079817,
<a href="/path/to/image" download="ImageName" title="ImageName">
<img src="/path/to/image" alt="ImageName">
</a> It's not yet fully supported http://caniuse.com/#feat=download, but you can use with modernizr
http://modernizr.com/download/#-a_download http://modernizr.com/download/#-a_download(在非核心检测下)
支持所有浏览器。
尚未测试,但应该也适用于手机。
我想补充一点,作为服务器端解决方案,您还可以通过以下方式将响应标头添加到您的下载端点
- 在 apache (.htaccess) / nginx 配置中进行设置
- 从代码来看
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)