javascript在網頁中實作讀取剪貼簿貼上截圖功能_javascript技巧

程式碼如下:

var input = document.testElementBputLputBput;

input.addEventListener( 'paste', function( event ){
    // dosomething...

程式碼如下:


input.addEventListener( 'paste', function( event ) {
    // 添加到事件對像中的訪問系統剪貼板的接口
    var clipboardData = event.clipboardData,
        i = 0,
        items, item, types;

if( clipboardData ){
        items = clipboardData.items;

           }

        item = items[0];
        // 儲存在剪貼簿中的資料型別
        types = clipboardData.types || [];
                 }
        }

        // 判斷圖片資料是否為圖片資料
        if( item && item.kind === 'file' && item.type.match(/^image//i) ){
            //    Reader( item );
        }
    }
});



從剪貼簿中取到了圖片數據，就可以用 FileReader 來讀取了。

    //  >        var img = new Image();

        img.src = e.target.result ); >
    // 讀取檔案
    reader.readAsDataURL( file );
};




很短的程式碼就實現了，可以使用以下原始碼看看示範。