如何在HTML中刪除文件而不影響其他文件上傳

Question

我正在嘗試在標題中上傳文件，單擊提交后，上傳的文件將分配給其他文件上傳，但是當我單擊 (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>

不要混淆，刪除文件后，仍有上傳的文件實際上不是。

Answer 1

您的代碼正確運行！ 看到這個小提琴：沒有變化：

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('');
}

https://jsfiddle.net/4mks8r59/

如何在HTML中刪除文件而不影響其他文件上傳

問題描述

1 個解決方案

解決方案1
0 2020-03-09 04:26:38

如何在HTML中刪除文件而不影響其他文件上傳

問題描述

1 個解決方案

解決方案1 0 2020-03-09 04:26:38

解決方案1
0 2020-03-09 04:26:38