修復使用 fetch 和 multipart/form-data 上傳文件的問題
我有一個表單，該表單接受一個文件和一些字段，我希望通過 Fetch API 將這些數據發送到服務器，就像這樣（React 代碼）： <form encType='multipart/form-data' action='/api/post' method='POST' onSubmit={async (e) => { e.preventDefault() if (!title) { alert('請輸入標題') return } if (!content && !image) { alert('請在帖子中輸入一些文本') return } const body = new FormData() body.append('image', image) body.append('title', title) body.append('content', content) const res = await fetch('/api/post', { body, method: 'POST', headers: { 'Content-Type': 'multipart/form-data', }, }) }} > ... </form> 我遇到了一個問題，文件數據實際上沒有被發送到服務器。 解決方案是這樣的：不能設置標頭。 我確實設置了 multipart/form-data 標頭，因為這是用於文件上傳的，但顯然這正是破壞了通過 fetch 上傳文件的原因。 從 fetch 請求中刪除標頭，然後事情應該能正常運作。