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

Save img tag in local disk in javascript

本文关键字：保存 img 标记 磁盘 javascript      更新时间：2023-09-26

我想存储base64类型的图像。

保存到本地驱动器。

例如保存在c:'temp'image.png 中

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

这就是你的做法：

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

您需要通过用户手势（例如单击按钮）触发此代码。

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

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

给你，右键单击此图像，你可以很容易地将其保存到本地驱动器。：）

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

试试这个。。

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

此处的工作示例

相关文章：