Javascript 如何从后端下载图像并将其显示在img标记中？

我想用

axios

从我的restapi下载一个图像，并将其显示在

img

标签中。我可以在不本地保存文件的情况下执行此操作吗

到目前为止，我使用了

，但现在我正在使用令牌管理来保护端点

---

你知道这通常是怎么做的吗？

看起来你也在使用React。您是否能够将图像保存到状态，然后将其作为源进行传递

import React, { Component } from "react";
import API from 'wherever you are calling axis from';

class YourClass extends Component {
state = {
img = ""
}

getImage = () => {
API.getImage()
.then(res =>
this.setState({ img: res.data })
)
.catch(error => console.log(error)
}

render() {
<div>
<img src={this.state.img}>
</div>
}
}

import React，{Component}来自“React”；
从“调用axis的任何位置”导入API；
类YourClass扩展组件{
状态={
img=“”
}
getImage=（）=>{
API.getImage（）
。然后（res=>
this.setState（{img:res.data}）
)
.catch（错误=>console.log（错误）
}
render（）{
}
}

我确实尝试过这样做，但不幸的是，它没有以这种方式呈现图像数据。我是否必须先转换

res.data

，然后才能将其用作

src

属性？像这样进行转换可能会更新您的答案，包括这一点。