如何从Javascript FileReader获取文件名？

Question

我正在使用Javascript FileReader在浏览器中加载图像:

e = e.originalEvent;
e.dataTransfer.dropEffect = 'copy';
this.documentFile = e.dataTransfer.files[0];

var reader = new FileReader();
reader.onloadend = function () {
    if (reader.result) {
        console.log(reader);
        $('#theImage').attr('src', reader.result);
    }
};
reader.readAsDataURL(this.documentFile);

这很好用.我现在想获得图像的原始文件名,但我不知道如何在互联网上查找我也找不到任何东西？

有人知道如何通过FileReader获取文件名吗？欢迎所有提示!

Answer 1

这不是最好的解决方案,但它对我有用.

var reader = new FileReader();
reader.fileName = file.name // file came from a input file element. file = el.files[0];
reader.onload = function(readerEvt) {
    console.log(readerEvt.target.fileName);
};

不是最好的答案,而是一个有效的答案.

Answer 2

我刚刚遇到了同样的问题，这是我解决的方法：

使用文件阅读器

 const reader = new FileReader();
 reader.readAsDataURL(event.target.files[0]); // event is from the HTML input
 console.log(event.target.files[0].name);