Html下载图片

最新推荐文章于 2024-07-17 16:38:37 发布

Rock(洛克)

最新推荐文章于 2024-07-17 16:38:37 发布

阅读量1.1k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq501569325/article/details/108467513

版权

博客内容介绍了在HTML中如何处理本地图片下载，强调了避免跨域问题的重要性，并提及可提供微信二维码功能。

摘要由CSDN通过智能技术生成

	<div class="i">
		<img id="talkbackImg"  width="200" height="200" ><!-- crossorigin = "anonymous -->
	    <button type="button" class="btn btn-success dropdown-toggle"
							data-toggle="dropdown" onClick="downloadImg();">下载JPG图片</button>
	</div>

//下载jpg图片
function downloadImg(){
 	 window.open(document.querySelector('img').src);//另开页面
 	 
	 var img = document.getElementById('talkbackImg');
	    let image = new Image();
	    // 解决跨域 Canvas 污染问题
	    image.setAttribute("crossOrigin", "anonymous");
	    image.onload = function() {
	        let canvas = document.createElement("canvas");
	        canvas.width = image.width;
	        canvas.height = image.height;
	        let context = canvas.getCont