疯狂的搬运工

如何在 Vue 2 组件中正确加载 base64 编码的 PDF 到 iframe 或 embed？

如何在vue2中使用iframe和embed均显示base64转化的pdf文件？ 由于之前没做过，先做了个小测试 Display PDF PDF File Display // Assuming this is your Base64 encoded string const base64String = "data:application/pdf;base64XXXX" // Create a Blob object const byteCharacters = atob(base64String.split(',')[1]); const byteNumbers = new Array(byteCharacters.length); for (let i = 0; i 以上代码有效 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240915/3fad40dbb51f844216375b34caf64fe9.png) 再放到vue中却失效了，并且没有报错，且渲染的iframe和embed内的src均可以单独打开(以下代码位于mounted) const base64String = "data:application/pdf;base64,XXXXXX" const byteCharacters = atob(base64String.split(',')[1]); const byteNumbers = new Array(byteCharacters.length); for (let i = 0; i < byteCharacters.length; i++) { byteNumbers[i] = byteCharacters.charCodeAt(i); } const byteArray = new Uint8Array(byteNumbers); const blob = new Blob([byteArray], { type: 'application/pdf' }); this.url = URL.createObjectURL(blob); document.getElementById('pdfViewer').src = this.url; "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240915/d2637376ea437d22933f1866804dd70c.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240915/b285f04afcd72b8ac005f4a1defd714d.png) 也尝试过将iframe的地址改为百度，可以显示 请问有人知道这是什么原因吗？

半寸时光爱思考

Base64 如何解码的？

str = "中!中" ; 对应的 byte[] = [-28, -72, -83, 33, -28, -72, -83] "new String(..)"转字符串的时候是怎么知道 "-28, -72, -83" 为一组的呢？ 是字符编码有什么规则吗？（ "0x**----" ，"(byte) **" 是负数的就是3个字节一组这样？）