本文實例實現通過按下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實現圖片粘貼到網頁-創新互聯
當前地址:http://vcdvsql.cn/article18/csiidp.html
成都網站建設公司_創新互聯,為您提供網站建設、App開發、虛擬主機、品牌網站設計、搜索引擎優化、網站營銷
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯