vue实现点击按钮复制图片

因为是后端生成的图,都是带的http或者是base64位格式的,试用了很多方法都不行,然后用html2canvas但是只能在https环境下用,但是我的项目是http的。求助还有什么好方法吗

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
<SCRIPT LANGUAGE="JScript"> 
var oPopup = window.createPopup(); 
function ButtonClick(div) 

//var div = document.getElementById('divId'); 
div.contentEditable = 'true'; 
var controlRange; 
if (document.body.createControlRange) { 
controlRange = document.body.createControlRange(); 
controlRange.addElement(div); 
controlRange.execCommand('Copy'); 

div.contentEditable = 'false'; 

</SCRIPT> 
</head> 
<body> 
  <div id="divId1"> 
    <img src="F:/2012070518474964.jpg" onclick="ButtonClick(this)"> 
  </div> 
</BODY> 
</body> 
</html>

点击按钮复制图片链接?

把代码贴出来

 

你试下这个肯定行,我测试过了

https://8696285.iidingyun.com/ui/copy_image.html