как отменить выбор файлов в html-формах?

У меня есть простая форма загрузки файла php, что-то вроде этого:

<form action="upload_file.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
<label for="file">Files:</label>
<input type="file" name="file[]" id="file"><button type="button">Remove File</button>
<input type="file" name="file[]" id="file"><button type="button">Remove File</button>
<input type="submit" name="submit" value="Submit">
</form>

и я хотел бы добавить функцию на кнопку Удалить файл, чтобы отменить выбранный файл. Это возможно ?

Спасибо за помощь.

7
file forms javascript unselect upload

1 ответов

вам нужно будет добавить идентификаторы, чтобы сделать его проще, иначе вы будете пересекать узлы, и вам это не понравится.

<form action="upload_file.php" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
    <label for="file">Files:</label>
    <input id="file1" type="file" name="file[]" />
    <button id="rmv1" type="button">Remove File</button>

    <input id="file2" type="file" name="file[]" />
    <button id="rmv2" type="button">Remove File</button>

    <input type="submit" name="submit" value="Submit">
</form>

затем добавьте javascript для восстановления значений по умолчанию:

document.getElementById('rmv1').onclick = function() { 
    var file = document.getElementById("file1");
    file.value = file.defaultValue;
}

(измените rmv1 на rmv2 и file1 на file2 для другой кнопки)

11