Я пытаюсь загрузить файл в заголовок, и после нажатия кнопки «Отправить», загруженный файл будет назначен для загрузки других файлов, но когда я нажму кнопку (X), все связанные с загрузкой файлы также будут удалены. , Пример изображения загружен здесь .
Насколько это возможно, пожалуйста, ограничьте решение только JavaScript / jQuery. Спасибо.
Пример кода ниже:
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<body>
<p>Click on the "Choose File" button to upload a file:</p>
<input type="file" id="myFile" name="filename">
<br />
<br />
<input type="submit" onclick="test(event)">
<br />
<br />
<input type="button" value="X" onclick="removeFile('#myFile1')"><input type="file" id="myFile1" name="filename">
<input type="button" value="X" onclick="removeFile('#myFile2')"><input type="file" id="myFile2" name="filename">
<input type="button" value="X" onclick="removeFile('#myFile3')"><input type="file" id="myFile3" name="filename">
<script>
function test(e)
{
e.preventDefault();
$("#myFile1")[0].files = $("#myFile")[0].files;
$("#myFile2")[0].files = $("#myFile")[0].files;
$("#myFile3")[0].files = $("#myFile")[0].files;
}
function removeFile(value)
{
$(value).val('');
}
</script>
</body>
</html>
Не смущайтесь, что после удаления файла все еще загружен файл, которого на самом деле нет.