如何在React.js中将二进制数据转换为图像

  • Z时代
  • 2024-01-10
  • 分类：问答

我已经将图像插入数据库，并且我正在从数据库到服务器以及reactjs接收图像，但是在我的反应中，我接收到的图像具有二进制数据。但是我如何将二进制数据转换为图像中的反应。

class Pre extends React.Component{
  constructor(props){
    super(props);
    this.state={
      post:[]
    };
  }
componentDidMount(){
   let self = this;
  axios.get('http://localhost:8080/images')
  .then(function(data) {
      //console.log(data);
      self.setState({post:data.data});
      });
  }
  render(){
console.log(this.state.post);
    return(
    <div className="w3-container">
    <p className="addboard"> <Link className="linkpre"  to="/createstudent I">
      <button className="addbutton" type="button"><h1>+</h1></button></Link></p>
      {this.state.post}
)}
)}
</div>
    );
  }
}
export default Pre;

回答：

将二进制数据转换为图像与无关ReactJS，如果您拥有二进制数据，则将其转换为图像，如下所示：

<img src={`data:image/jpeg;base64,${binary_data}`} />

以上是 如何在React.js中将二进制数据转换为图像 的全部内容， 来源链接： utcz.com/qa/432275.html

回到顶部