js实现复制图片到粘贴板

最近项目一个功能要求,一个复制按钮把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,屡次对比尝试,发现图片必须是网络路径才能够。上传服务器获取网络路径代价太大,功能就暂时没作了网络