在javascript中将img标签保存到本地磁盘
在javascript中将img标签保存到本地磁盘
提问于 2015-06-23 19:36:50
我想存储base64类型的图像。
保存到本地驱动器。
例如，在c:\temp\image.png中保存
// Image type base64
var images = $('.cropme img').attr('src');回答 3
Stack Overflow用户
回答已采纳
发布于 2015-06-23 19:48:52
将图片来源分配给base64字符串，如下所示-->
document.getElementById('img').setAttribute( 'src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' );在这里，右击此图像，您可以轻松地将其保存到您的本地驱动器。:)
如果你想通过点击按钮下载它，你必须使用这里显示http://jsfiddle.net/3EjUg/5/的html5 download属性
Stack Overflow用户
发布于 2015-06-24 13:34:12
试试这个..。
<script>
var imagedata="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/..";
document.getElementById('img').setAttribute( 'src',imagedata);
document.getElementById('anchor').setAttribute( 'href',imagedata);
</script>Stack Overflow用户
发布于 2015-06-24 13:57:15
这就是你怎么做的：
var save = document.createElement('a');
save.href = $('#myImageID').attr('src');
save.target = '_blank';
save.download = 'photo.jpg'
var event = document.createEvent('Event');
event.initEvent('click', true, true);
save.dispatchEvent(event);
(window.URL || window.webkitURL).revokeObjectURL(save.href);您需要从用户的手势(例如，单击按钮)触发此代码。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31001730
复制相关文章
相似问题
腾讯云开发者
