使用Fetch API下載圖像

Question

我知道這個問題已經回答了，但我在使用Fetch API下載圖像時遇到了問題。
我用來獲取圖像的代碼。

function downloadImage() {
  fetch('https://upload.wikimedia.org/wikipedia/commons/9/98/Pet_dog_fetching_sticks_in_Wales-3April2010.jpg',
    {mode: 'no-cors'})
  .then(response => response.blob())
  .then(blob => {
        console.log(blob);           
  });
}

在這里，當我執行console.log我得到響應Blob {size: 0, type: ""} 。
請讓我知道我在這里做錯了什么？

Answer 1

默認情況下，fetch使用CORS模式。 但是當服務器響應不包含“Access-Control-Allow-Origin”標頭時。 它會跳過響應體。

具有諷刺意味的是，您必須將模式設置為'no-cors'才能請求不透明的資源。 使用JavaScript 無法訪問不透明的響應，但響應仍可由服務工作者提供或緩存。

https://developers.google.com/web/ilt/pwa/working-with-the-fetch-api