HTML5 Web API將'POST'文件作爲正文？

Question

如何使用Web API fetch方法將文件發佈爲請求正文？

window.fetch('https://www.example.com', 
    { 
     method: 'POST', 
     headers: new Headers({'content-type': 'application/octet-stream'}), 
     body: FILE 
    } 
) 

Answer 1

你可以做這樣的事情

let input = document.querySelector('input[type="file"]'); 
let data = new FormData(); 
data.append('file', input.files[0]); 

fetch('https://www.example.com', { 
    method: 'POST', 
    body: data 
});