js實現複製圖片到粘貼板

時間 2019-12-09

原文原文鏈接

最近項目一個功能要求，一個複製按鈕把echarts圖片複製到電腦粘貼板，查找了很長時間最後找到一個能夠實現圖片複製粘貼。代碼以下html

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="divId1">
<img id="aa" src="http://pic37.nipic.com/20140113/8800276_184927469000_2.png" onclick="CopyImage()">
</div>
</body>
<script>
function CopyImage() {
var range = document.createRange();
range.selectNode(document.getElementById('divId1'));
window.getSelection().addRange(range);
document.execCommand("Copy");
}
</script>
</html>服務器

可是我在VUE項目裏面使用出現問題，在項目中截圖生成url以後,選不到dom,屢次對比嘗試，發現圖片必須是網絡路徑才能夠。上傳服務器獲取網絡路徑代價太大，功能就暫時沒作了網絡

相關標籤/搜索