javascript - 如何从javascript中的ondrop事件获取文件URL

Question

我正在为我正在制作的 uploader 运行以下代码。

holder.ondrop = function (e) {
    e.preventDefault();
    console.log(e);
}

我希望用户能够将文件从桌面拖到网络浏览器上，然后我想捕获它的位置，以便我可以手动上传它(不想通过 javascript 进行上传)不过，我的问题是，如何从事件中获取文件的客户端位置，以便将其放入 <input type="file"> 中？

谢谢。

Answer 1

这里是mozilla使用事件的dataTransfer对象获取拖拽文件列表的例子

EXAMPLE

我的例子:

holder.ondrop = function (e) {
    e.preventDefault();
    if(e.dataTransfer && e.dataTransfer.files.length != 0){
        var files = e.dataTransfer.files //Array of filenames
        files[0]; //the first file in the list

        // code to place file name in field goes here...

    }else{
        // browser doesn't support drag and drop.
    }

    console.log(e);
}

使用 mozilla 示例，因为它比我提供的更全面。