如何在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
相关产品推荐
相关产品推荐

