2017-02-01 91 views
1

我已經插入圖像到數據庫,並且我正在從數據庫接收圖像到服務器和reactjs但在我的反應,我收到它有二進制數據。 但我如何將二進制數據轉換爲圖像中的反應。如何將二進制數據轉換爲圖像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; 

回答

1

二進制數據轉換成圖像是不相關的ReactJS,如果你有二進制數據,然後將其轉換成圖像是這樣的:

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