在结构 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;
})