在javascript中将img标记保存在本地磁盘中

时间:2015-06-23 11:36:50

标签: javascript

我想存储base64类型的图像。

保存到本地驱动器。

例如保存在c:\temp\image.png

// Image type base64
var images = $('.cropme img').attr('src');

3 个答案:

答案 0 :(得分:0)

将图像源分配给base64字符串,如下所示 - >

document.getElementById('img').setAttribute( 'src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' );

在这里,右键单击此图像,您可以轻松地将其保存到本地驱动器。 :)

如果你想点击按钮下载它,你必须使用html5下载属性,如显示http://jsfiddle.net/3EjUg/5/

答案 1 :(得分:0)

试试这个..

<script>
 var imagedata="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/..";
 document.getElementById('img').setAttribute( 'src',imagedata);
 document.getElementById('anchor').setAttribute( 'href',imagedata);
</script>

Working Example Here

答案 2 :(得分:0)

您就是这样做的:

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);

您需要从用户手势触发此代码(例如,单击按钮)。