我如何在 Angular js 中将 64 位 HTML 文件显示到 iframe

Posted 2023-03-05

【中文标题】我如何在 Angular js 中将 64 位 HTML 文件显示到 iframe

【英文标题】：how can i display 64 bit HTML file in to iframe in angular js

【发布时间】：2018-03-06 00:46:16

【问题描述】：

这是 Json 数据

$scope.imageFileDisplayContent=

"indexFileDisplayContent": "PCFET0NUWVBFIGh0bWw+CjxodG1sPjxoZWFkPjxtZXRhI"

这是将 64base htmlfile 转换为 iframe 的代码

  <iframe class="url-preview" ng-src="trustSrc(item.indexFileDisplayUrl)"></iframe>

如何将 64 位 html 文件数据显示到 iframe 中。提前致谢

【问题讨论】：

见：***.com/q/20045150/4110233如果是base64编码，为什么不直接用js解码，然后传给ng-src？

【参考方案1】：

看来你需要告诉 iframe src 你给他的数据是 64 位编码的形式，否则他不知道如何处理它。

您应该尝试在 base 64 数据之前添加“data:text/html;base64”，让浏览器知道这是他获得的数据。

这是一个示例（没有 ng，但它应该与它相同）：

<iframe class="url-preview" src="data:text/html;base64,PCFET0NUWVBFIGh0bWw+PGh0bWw+PGJvZHk+PGgxPkhlbGxvIHdvcmxkIDY0Yml0PC9oMT48L2JvZHk+PC9odG1sPg=="></iframe>