input 复制图片 

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <input id="div" type="text" style="width:100%;height:700px;border:1px solid #ccc;padding:20px" contenteditable="false" />
 <script>
  var div = document.getElementById('div');
  div.addEventListener('paste', function(e) {
   if(e.clipboardData) {
     console.log();
    for(var i = 0; i < e.clipboardData.items.length; i++) {
     var c = e.clipboardData.items[i];
     var f = c.getAsFile();
     var reader = new FileReader();
     reader.onload = function(e) {
      console.log(e.target.result, 'e.target.result');
      div.innerHTML += '<img src="' + e.target.result + '">';
     }
     reader.readAsDataURL(f);
    }
   }
  });
 </script>
</body>
</html>

　　本文转自：https://blog.csdn.net/jinjianghai/article/details/53102012

 

posted @ 2022-03-01 13:21  本溢  阅读(37)  评论(0)    收藏  举报