reactjs 使Html〈img src={} />呈现接受不同文件格式的base64图像

j5fpnvbx 于 2023-02-15 发布在 React

关注(0)|答案(1)|浏览(72)

大家好，我有一个base64encoded字符串，我想在src属性的html标签中渲染它。我基本上找到了一个渲染它的解决方案，但问题是我需要它接受其他文件格式。
我需要的文件格式是：.svg、.jpg、.png、.jpeg等...以后可能会添加。
我似乎不能创建一个函数，这将使这个文件格式的值动态。
我想做一个带开关盒的，但是好像做不出来。有人能帮我实现这个吗？

<img
  className={styles.img__box}
  src={`data:image/png;base64,${headerIcon}`}
  alt="icon"
/>

这就是在imgsrc中呈现base64的方法，但是可以看到它只接受png，我想让它接受动态值

reactjs

来源：https://stackoverflow.com/questions/75453757/make-html-img-src-render-a-base64-image-which-accepts-different-file-form

1条答案

按热度按时间

9avjhtql1#

传递MIME（媒体类型）

const mime = 'image/jpg';
<img
  className={styles.img__box}
  src={`data:${mime};base64,${headerIcon}`}
  alt="icon"
/>

赞(0）回复(0）举报 2023-02-15

我来回答

reactjs 使Html〈img src={} />呈现接受不同文件格式的base64图像

1条答案

相关问题

热门标签

最新问答