隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展,我們?nèi)粘J褂脼g覽器的頻率越來越高。IE瀏覽器在早期占據(jù)著瀏覽器市場的主導地位,雖然現(xiàn)在已經(jīng)有許多更為先進的瀏覽器,但是IE瀏覽器仍然是很多用戶首選的瀏覽器之一。本文將介紹如何在IE瀏覽器中使用jQuery來實現(xiàn)黏貼圖片。
首先,在IE瀏覽器中黏貼圖片需要使用IE中的一個叫做“clipboardData”的對象。這個對象是IE中用于處理剪貼板數(shù)據(jù)的對象。在IE中可以通過以下代碼獲取clipboardData對象:
var clipboardData = window.clipboardData || {};
接下來,我們需要監(jiān)聽粘貼事件。當用戶使用Ctrl+V或鼠標右鍵粘貼操作時,將觸發(fā)粘貼事件并攜帶相關數(shù)據(jù)。
$(document).on('paste', function(event){ //獲取剪貼板中的數(shù)據(jù) var items = (event.clipboardData || event.originalEvent.clipboardData).items; //查找剪貼板中的圖片數(shù)據(jù) for (var i = 0; i< items.length; i++) { if (/^image\//i.test(items[i].type)) { var blob = items[i].getAsFile(); //讀取圖片,將其渲染在頁面上 var reader = new FileReader(); reader.onload = function(event) { $('.preview').html(''); }; //讀取圖片 reader.readAsDataURL(blob); } } });
上面的代碼中,“getAsFile()”方法用于將blob數(shù)據(jù)轉(zhuǎn)換為文件,然后可以使用FileReader對象讀取該文件,并將其渲染在頁面上。
現(xiàn)在,當我們在IE瀏覽器中進行復制圖片操作后,即可在頁面上看到黏貼的圖片了。
上一篇ie 兼容jquery
下一篇ie jquery顯隱