Откройте диалоговое окно выбора файла в форме html только для получения имени файла, БЕЗ загрузки файла

#html #forms #file-upload

#HTML #формы #файл-загрузка

Вопрос:

Я просто хочу получить имя выбранного файла без физической загрузки файла. Используя что-то вроде

 <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

Ответ №1:

Если вам вообще не нужно отправлять, выньте форму и просто используйте onchange для ввода файла, например…

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

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

Ответ №2:

попробуйте использовать какой-нибудь 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>