如何从 JavaScript fileReader 打印文件名？答案

【问题标题】：How to print the name of the file from JavaScript fileReader?如何从 JavaScript fileReader 打印文件名？
【发布时间】：2019-11-05 21:37:10
【问题描述】：

我正在尝试打印上传图像的名称，但它目前只是预览图像，但实际上并未在 html 上打印文件的名称。如何让它从 javascript fileReader 函数中打印文件名？

这是我在 main.js 文件中的代码

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#imagePreview').css('background-image', 'url(' + e.target.result + ')');
            $('#imagePreview').hide();
            $('#imagePreview').fadeIn(650);
        }
        reader.readAsDataURL(input.files[0]);
    }
}

这里是对应的html代码

<div class="image-section" style="display:none;">
    <div class="img-preview">
        <div id="imagePreview">
        </div>
    </div>

【问题讨论】：

可能与stackoverflow.com/questions/24245105/…重复

标签： javascript jquery html

【解决方案1】：

您可以使用 name 属性访问它。所以根据你的代码：

input.files[0].name

【讨论】：

【解决方案2】：

在onload函数中可以获取文件名。

reader.onload = function(e) {
    console.log(e.target.fileName);
};

【讨论】：