以html格式打開文件選擇對話框以獲得文件名，而不上傳文件

Question

我只想檢索選定文件的名稱，而無需物理上傳文件。使用類似

<form method="post" action="file-upload-1.htm" name="submit" enctype="multipart/form-data"> 
    <input type="file" name="fileField"><br /><br /> 
    <input type="submit" name="submit" value="Submit"> 
</form> 

將上傳文件，我想避免的。如何防止上傳發生？

感謝您的回答，

JPS

Answer 1

嘗試使用一些JS ...

<form method="post" action="javascript: getName();" name="submit" enctype="multipart/form-data"> 
<input id="myId" class="button" name="myFile" type="file"><br /><br /> 
<input type="submit" name="submit" value="Submit"> 
</form> 

<script> 
    function getName() { 
     alert(document.getElementById("myId").value); 
    } 
</script> 

Answer 2

如果你並不需要在所有提交，拿出表格，只需使用在您的文件輸入像一個onchange ...

<input id="myId" class="button" name="myFile" type="file" onchange="getName()" > 

<script> 
    function getName() { 
     alert(document.getElementById("myId").value); 
    } 
</script>