利用js保存图片到本地

<script>
function download() {
<span style="white-space:pre">	</span>var canvas = document.createElement('canvas');
<span style="white-space:pre">	</span>var ctx=canvas.getContext("2d");
<span style="white-space:pre">	</span>var awindow=new Image();
<span style="white-space:pre">	</span>awindow.src="httP://";//这地方输入要保存的图片地址;
<span style="white-space:pre">	</span><span style="white-space:pre">	</span>canvas.width=awindow.width;//图片的宽度
<span style="white-space:pre">	</span>canvas.height=awindow.height;//图片的高度
<span style="white-space:pre">	</span>ctx.drawImage(awindow,0,0);//画布上添加图片内容
<span style="white-space:pre">	</span>var dt = canvas.toDataURL('image/png');//保存图片格式,固定的格式
<span style="white-space:pre">	</span>this.href = dt;
};
downloadLnk.addEventListener('click', download, false);
</script>

<span style="font-size:14px;"><a id="downloadLnk" download="saveImage.jpg";>Save Image</a></span>