图像另存为屏幕上显示的base64

Question

我想显示另存为base64的图像。

它看起来像这样：

const myData.image: data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAA...

并且我正在使用semantic-ui中的图像：

<Image
      src={myData.image}
/>

没有图像，它显示字符串值。

Answer 1

您必须将base64设置为img Dom

<img id="image">


var img = document.getelementbyId('image')
img.src = ( base64 code)

或

<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
    AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
        9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />