将base64字符串（png文件）解码回图像

Question

I'm using the base-64 npm but how can it's returning random characters. Is there any way I can decode a string and product a png image file?

Answer 1

If you are using React create a component like-so:

class Base64Image extends React.Component{
  render() {
     return <img
       src={"data:image/jpeg;" + 
         this.props.imageBase64String} 
     />
  }
}

``

To use the component, Assuming you have a base64Image variable:

<Base64Image imageBase64String={base64Image} />