亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

js實現圖片粘貼到網頁

發布時間:2020-09-30 04:11:27 來源:腳本之家 閱讀:191 作者:hhzzcc_ 欄目:web開發

本文實例實現通過按下ctrl + v將粘貼板上的圖片粘貼到網頁中,話不說直接上代碼

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>圖片粘貼</title>
 <style>
  #img{
   width: 500px;
  }
 </style>
 <img id="img" src="" alt="">
 通過Ctrl + v將圖片粘貼
</head>
<body>
 <script>
  setPasteImg();
  //獲取粘貼板上的圖片
  function setPasteImg(){
   //粘貼事件
   document.addEventListener('paste', function(event){
    if (event.clipboardData || event.originalEvent) {
     var clipboardData = (event.clipboardData || event.originalEvent.clipboardData);
     if(clipboardData.items){
      var blob;
      for (var i = 0; i < clipboardData.items.length; i++) {
       if (clipboardData.items[i].type.indexOf("image") !== -1) {
        blob = clipboardData.items[i].getAsFile();
       }
      }
      var render = new FileReader();
      render.onload = function (evt) {
       //輸出base64編碼
       var base64 = evt.target.result;
       document.getElementById('img').setAttribute('src',base64);
      }
      render.readAsDataURL(blob);
     }
 
    }
 
   })
 
  }
 
 </script>
</body>
</html>

演示結果

js實現圖片粘貼到網頁

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

大厂| 耒阳市| 兴国县| 吉木萨尔县| 阜平县| 肃北| 南昌市| 泉州市| 克什克腾旗| 土默特左旗| 鄂温| 衢州市| 视频| 柘城县| 景泰县| 南华县| 开封县| 鹤庆县| 洛南县| 涿州市| 老河口市| 无为县| 北海市| 沙坪坝区| 庆元县| 信阳市| 亳州市| 宣化县| 陇川县| 睢宁县| 山丹县| 随州市| 呼伦贝尔市| 镶黄旗| 防城港市| 尤溪县| 榕江县| 灌云县| 民勤县| 龙泉市| 儋州市|