如何将 HTML 文件编码为 base64？

Question

我是 HTML 和 JavaScript 的初学者。并尝试将 HTML 文件编码为 Base64 代码，然后将该编码字符串从另一个 HTML 文件中放入 <iframe src=" ENCODED STRING HERE"。

我在这里要做的是将编码的字符串放入弹出窗口iframe 中，如下所示，使其可见，

  var i_frame_98c3be4abbe943db99555415352b65f5 = $('<iframe src="ENCODED STRING FROM HTML FILE" width="500" style="border:none !important;" height="300"></iframe>')[0];

但是，我不知道该怎么做。

我知道有编码/解码网站base64encode.org，但我必须手动完成。我想让它直接编码并在我打开文件时将代码放在iframe src中。

html中是否有任何想法或功能可以直接编码？

附言如果您想查看，我可以编辑以上传 html 代码。

Answer 1

https://www.w3schools.com/jsref/jsref_encodeURI.asp 对编码 URI 有很好的参考。

我也会在这里查看解决方案来设置 iframe 的 src 值：dynamically set iframe src

演示 jsfiddle：https://jsfiddle.net/np7hp5jo/1/

function appendHtml(el, str) {
  var div = document.createElement('div');
  div.innerHTML = str;
  while (div.children.length > 0) {
    el.appendChild(div.children[0]);
  }
}

var encodedUrl = encodeURI('https://www.lifehacker.com.au/?r=US');

var html = '<iframe id="myIframe" src="'+encodedUrl+'" onLoad="iframeDidLoad();"></iframe>';
appendHtml(document.body, html); // "body" has two more children - h1 and span.

快乐学习。