將base64字符串（png文件）解碼回圖像

Question

我正在使用base-64 npm，但它如何返回隨機字符。 有什么辦法可以解碼字符串並生成png圖像文件？

Answer 1

如果您使用的是React，請創建類似這樣的組件：

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

``

要使用該組件，假設您有一個base64Image變量：

<Base64Image imageBase64String={base64Image} />