reactjs 如何显示需要不记名令牌才能访问的图像

lxkprmvk 于 2022-12-03 发布在 React

关注(0)|答案(2)|浏览(102)

我正在尝试找到一种方法来在我的react应用中显示图像。我需要的图像需要一个bearer令牌，换句话说，当我访问这个图像时，我需要传递一个带有bearer令牌的header。我正在从react-native迁移到react，所以在react-native中，我可以直接在Image组件中给予header。但似乎我不能在img标签中传递header，这是html标签。因此，我的问题是如何显示一个需要bearer token才能在react中访问的图像。

reactjs

来源：https://stackoverflow.com/questions/60532064/how-to-display-an-image-that-required-bearer-token-to-access-it-in-react

2条答案

按热度按时间

lf5gs5x21#

如果您使用的是axios，请不要忘记添加“responseType”，否则它将不起作用。

axios
  .get(endpoint, {
    headers: { Authorization: 'xxxxxxxxxxxx' },
    responseType: "arraybuffer",
  })
  .then((response: any) => {
    let data = `data:${
      response.headers["content-type"]
    };base64,${new Buffer(response.data, "binary").toString("base64")}`;

赞(0）回复(0）举报 2022-12-03

6l7fqoea2#

使用图像基本源
第一个

赞(0）回复(0）举报 2022-12-03