無法將文件包含在提取（）POST請求中

Question

由於某些原因，我無法通過fetch使文件傳輸工作。我的代碼非常簡單：

export function updateProfilePicture(apiKey, userID, picture) { 
    let data = new FormData(); 
    data.append('picture', picture); 
    return fetch(`${API_URL}/v1/${ROOT}/update_profile_picture/${userID}`,{ 
    headers: {'Authorization': `Token token=${apiKey}`}, 
    method: 'POST', 
    data: data 
    }).then(response => response.json()); 
} 

但是，生成的請求似乎沒有包含任何文件。我錯過了什麼嗎？在上述例子中，圖象是一個實例的File

Answer 1

可能有兩個原因：

1. data在Fetch API字段被稱爲body。使用此代替data屬性。
2. （可選）您需要添加另一個標題：'Content-Type', 'multipart/form-data'

瞭解更多關於提取API：

• https://developers.google.com/web/updates/2015/03/introduction-to-fetch?hl=en
• https://developer.mozilla.org/en/docs/Web/API/Fetch_API
• Fetch polyfill