reactjs - base64 编码图像未在材料 ui CardMedia 中显示
问题描述
嗨,我正在尝试实现材质 ui 卡组件
<CardMedia
className={classes.media}
title="Contemplative Reptile"
src={'data:image/jpeg;base64,/9j/4AAQSkZJRgAtXpVp8YbaRdxnam/SvPJ/>
我试图以 base64 编码的字符串格式显示图像,但图像未呈现
解决方案
我自己刚刚遇到了这个问题,并通过将组件component
上的道具设置为并使用道具而不是道具来解决它:CardMedia
img
src
img
<CardMedia component='img' src={`data:image/png;base64, ${encodedImg}`} />
推荐阅读
- python - 根据不同的 DataFrame 更新 pandas DataFrame
- javascript - 如何使用 Array.prototype.includes() 查找对象?
- javascript - readAsDataURL 不处理来自 captureAudio 的文件
- jenkins - Jenkins:按名称获取文件夹库
- python - API下载数据,推荐?
- iframe - 在 iframe RobotFramework 内输入
- angular - 角度 2 的剑道网格 - 按键上的过滤器输入导致焦点丢失
- amazon-web-services - C# Webclient 发布到 AWS API Gateway 终端节点
- sql-server - SQL Server - “必须声明标量变量”错误消息,即使我刚刚声明了它
- python - Cron 作业每次运行时都会写入一个新文件