ps:网上爬来的一段代码:
<!--图片另存为--->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>通过js保存图片到本地 </title>
</head>
<body>
<!--创建一个cavas 用来存放图片-->
<div>
<div>
<canvas id="myCanvas" width="500" height="500" ></canvas>
</div>
<div>
<!-- 声明一个按钮 用来触发下载图片到本地-->
<input type="button" id="save" value="保存图片到本地" οnclick="screenShot()"/>
</div>
</div>
</body>
</html>
<script>
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
function screenShot()
{
var type ='png';
var d=document.getElementById("myCanvas");
var imgdata=d.toDataURL(type);
//2.0 将mime-type改为image/octet-stream,强制让浏览器下载
var fixtype=function(type)
{
type=type.toLocaleLowerCase().replace(/jpg/i,'jpeg');
var r=type.match(/png|jpeg|bmp|gif/)[0];
return 'image/'+r;
};
imgdata=imgdata.replace(fixtype(type),'image/octet-stream');
//3.0 将图片保存到本地
var date=new Date();
var filename=''+date.getHours()+':'+date.getMinutes()+":"+date.getSeconds()+'.'+type;
savaImage(imgdata,filename);
};
function savaImage(data,filename)
{
var save_link=document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
save_link.href=data;
save_link.download=filename;
var event=document.createEvent('MouseEvents');
event.initMouseEvent('click',true,false,window,0,0,0,0,0,false,false,false,false,0,null);
save_link.dispatchEvent(event);
};
</script>