base64 编码的图像未在材质 ui CardMedia 中显示

Question

嗨，我正在尝试实现材质 ui 卡组件

 <CardMedia
                        className={classes.media}
                        title="Contemplative Reptile"
                     src={'data:image/jpeg;base64,/9j/4AAQSkZJRgAtXpVp8YbaRdxnam/SvPJ/>

我试图以 base64 编码的字符串格式显示图像，但图像未呈现

Answer 1

我自己刚刚遇到了这个问题，并通过将组件component上的道具设置CardMedia为img并使用src道具而不是道具来解决它img：

<CardMedia component='img' src={`data:image/png;base64, ${encodedImg}`} />