You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在React中展示Base64格式的TXT文件内容?

在浏览器中展示Base64编码的TXT文件内容

当然可以在浏览器里展示这份TXT文件对应的文本内容“ANTE PUPACIC KRAAAAAAAAAAALJ”,以下是两种简单的实现方式:

  • JavaScript解码展示:
    新建一个HTML文件,写入以下代码,直接用浏览器打开就能看到解码后的文本:
<!DOCTYPE html>
<html>
<body>
  <script>
    // 你的Base64编码字符串
    const base64Content = "QU5URSBQVVBBQ0lDIEtSQUFBQUFBQUFBQUFMSg==";
    // 解码Base64为普通文本
    const decodedText = atob(base64Content);
    // 在页面中展示内容
    document.body.textContent = decodedText;
  </script>
</body>
</html>
  • Data URI直接访问:
    把Base64内容转换成data URI格式,直接在浏览器地址栏输入即可打开:
    data:text/plain;base64,QU5URSBQVVBBQ0lDIEtSQUFBQUFBQUFBQUFMSg==

内容的提问来源于stack exchange,提问作者OmarLittle

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 19:09:56