javascript - 如何在上传文件前显示文件名。

Question

我想在服务器上传文件之前使用 Javascript 或 jQuery 显示文件的名称。我已经对此进行了研究，而是学习了如何在上传图像之前预览图像。但是我要上传的文件可能不是图片，所以我需要显示名称。

这是显示图片预览的代码，是否可以修改为显示名称？

HTML:

<form method="post" name="form" enctype="multipart/form-data">
 <input type="file" name="attachment" onchange="read_input(this);" />
</form>

Javascript + jQuery:

function read_input(input) {

    if (input.files && input.files[0]) {

        var reader = new FileReader();

        reader.onload = function (e) {

            result = e.target.result;

            $(".attachment").html('<img src="'+result+'" alt="preview" />');

        }

        reader.readAsDataURL(input.files[0]);

    }

}

Answer 1

document.getElementById('upload').onchange = uploadOnChange;

function uploadOnChange() {
    var filename = this.value;
    var lastIndex = filename.lastIndexOf("\\");
    if (lastIndex >= 0) {
        filename = filename.substring(lastIndex + 1);
    }
    document.getElementById('filename').value = filename;
}