如何在上傳文件之前顯示文件的名稱。

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; 
}