在結構 Image.fromURL function 中傳遞標頭

Question

我正在使用 fabric.js Image.fromURL function 將圖像加載到 canvas。 目前，圖像已成功加載，沒有任何問題。 但是現在我需要傳遞標頭以進行身份驗證，有沒有一種方法可以將標頭傳遞到“Image.fromURL”function 或任何其他可以將我的標頭合並到其中的方式。

Answer 1

Image.fromUrl 不發送請求。 正如您在源代碼中看到的， 此function 使用fabric.util.loadImage ，正如您在此處看到的那樣創建圖像並設置src屬性。 因此，瀏覽器發出獲取圖像本身的請求。 而且您不能使用 Image.FromURL function 發送自己的標頭

我認為你可以得到這樣的圖像（這只是想法）：

const image = new Image();
image.onload = () => {
  const fabricImage = new fabric.Image(image);
  canvas.add(fabricImage);
}

fetch("https://your-url", {headers: {}}).then((res)=>{
  image.src = res;
})