javascript - 如何从 JavaScript fileReader 打印文件名？

Question

我正在尝试打印上传图像的名称，但它目前只是预览图像，但实际上并未在 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>

标签： javascriptjqueryhtml

Answer 1

您可以使用 name 属性访问它。因此，根据您的代码：

input.files[0].name