HTML5 input[multiple] 文件列表刪除單項：FormData 重構方案

限制

`` 的 `files` 屬性為 **只讀 FileList**，無法直接刪除項目。

解決方案：FormData 重構

const input = document.getElementById('uploadimg');
let fileArray = Array.from(input.files); // 轉為可操作陣列

// UI 上用戶點擊刪除第 i 個
function removeFile(index) {
  fileArray.splice(index, 1);
  renderPreview(); // 重繪預覽
}

// 最終上傳
function upload() {
  const formData = new FormData();
  fileArray.forEach(f => formData.append('files', f));
  fetch('/api/upload', { method: 'POST', body: formData });
}

關鍵點

• 維護獨立 `fileArray` 作為數據源，UI 綁定該陣列。
• 上傳時重新構建 `FormData`，僅包含用戶確認的文件。
• 兼容所有現代瀏覽器（IE10+）。