PC端点击按钮保存图片到本地

最新推荐文章于 2023-03-13 17:36:15 发布

裴嘉靖

最新推荐文章于 2023-03-13 17:36:15 发布

阅读量538

点赞数 1

分类专栏： js 文章标签： javascript 前端 chrome

本文链接：https://blog.csdn.net/peijiajing/article/details/122220537

版权

js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<img id='myImg' src="./img/1.png">
		<button type="button" id="save">保存</button>
		
		<script type="text/javascript">
			// 保存成png格式的图片
			document.getElementById("save").onclick = function() {
				var oA = document.createElement("a");
				oA.download = ''; // 设置下载的文件名，默认是'下载'
				oA.href ='./img/1.png';
				document.body.appendChild(oA);
				oA.click();
				oA.remov
			}
		</script>
		
	</body>
</html>

优惠劵

裴嘉靖

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
PC端点击按钮保存图片到本地

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img id='myImg' src="./img/1.png"> <button type="button" id="save">保存</button> <scri
复制链接

扫一扫