js如何通过clipboardData获取剪贴板中的文件

Question

document.body.onpaste = function (ev){    var files = ev.clipboardData.files;     //这里一直无法获取到，dataTransfer里的files总是空的。     }尝试了各种方法，水平太低，无能为力。跪求各位大牛指点。

Answer 1

试试下面这种方式：

document.body.onpaste = function (event){
   let data = (event.clipboardData || window.clipboardData);
   // console.dir(data);

    let items = data.items;
    let fileList = []; //存储文件数据
    if (items && items.length) {
        // 检索剪切板items
        for (let i = 0; i < items.length; i++) {
            console.log(items[i].getAsFile()); // <--- 这里打印出来就就是你想要的文件
            fileList.push(items[i].getAsFile());
        }
    }
}