对于某个元素增加粘贴监控,用于直接粘贴截图

// 对于某个元素增加粘贴监控
 document.getElementById('js_inputArea').addEventListener('paste', function (e) {
    var clipboardData = e.clipboardData;
    if (!(clipboardData && clipboardData.items)) {//是否有粘贴内容
        return;
    }
    for (var i = 0, len = clipboardData.items.length; i < len; i++) {
        var item = clipboardData.items[i];
        if (item.kind === "string" && item.type == "text/plain") {//判断是否为text格式
            item.getAsString(function (str) {
                console.log(str); //这输出的是string格式的字符串
            })
        } else if (item.kind === "file") {//file 一般是各种截图base64数据(比如QQ截图)
            var socket_pasteFile = item.getAsFile(); // pasteFile就是获取到的文件
            var reader = new FileReader();
            // data url  FileReader
            reader.readAsDataURL(socket_pasteFile);
            reader.onload = function () {
                console.log(reader.result); //输出base64格式的图片,可以放到img 的 src 属性中去   
            }
        }
    }
})

你可能感兴趣的:(对于某个元素增加粘贴监控,用于直接粘贴截图)