我已经使用javascript将html标记的源代码传递为base64String.图像清晰显示.现在我想用javascript将该图像保存到用户的磁盘.
<html>
<head>
<script>
function saveImageAs () {
var imgOrURL;
embedImage.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA" +
"AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO" +
"9TXL0Y4OHwAAAABJRU5ErkJggg==";
imgOrURL = embedImage;
if (typeof imgOrURL == 'object')
imgOrURL = embedImage.src;
window.win = open(imgOrURL);
setTimeout('win.document.execCommand("SaveAs")', 0);
}
</script>
</head>
<body>
<a href="#" ONCLICK="saveImageAs(); return false" >save image</a>
<img id="embedImage" alt="Red dot">
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
当我们将imagepath作为标记源传递时,此代码已经起作用,但是当我们将sorce作为base64String传递给tag时,它没有工作.
请在这个问题上建议我.
提前致谢.
我有一个包含图像的移动html页面.我想创建一个用于下载图像的按钮或链接.然后应将图像保存到用户移动图像库.
我看过这篇文章:如何在html中创建下载链接?
解决方案
<a href="link/to/your/download/file" download="filename">Download link</a>
Run Code Online (Sandbox Code Playgroud)
正在桌面浏览器中工作,但不在移动设备上.
这是我制作的JSFiddle:http://jsfiddle.net/tDVqH/4/
注意:图像是在浏览器中创建的,即在HTML5 canvas元素中创建.可以使用canvas.toDataUrl()生成此图像.生成的图像应保存到移动图像库中.
如何通过点击/点击将图像保存到用户移动图库?是否有一个JavaScript解决方案没有带有未知头的ser往返?
编辑:我也发现了以下问题,但他们没有答案.通过单击移动浏览器中的链接或按钮并从浏览器将图像保存到手机库,将图像从网站保存到本地文件夹