javascript - 带有要传递的 header 参数的 Img src 路径

Question

我在 jsp 页面中有一个 img 标签，其中 src 路径需要传递 header 参数才能获取图像。我们怎样才能实现它？

Answer 1

您现在可以使用 fetch()添加标题，然后将结果加载到 <img> 中:

const src = 'https://api.mywebsite.com/profiles/123/avatar';
const options = {
  headers: {
    'Some-Header': '...'
  }
};

fetch(src, options)
.then(res => res.blob())
.then(blob => {
  imgElement.src = URL.createObjectURL(blob);
});