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

Question

hi正在尝试实现物料ui卡组件

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

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

Answer 1

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

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