Javascript 如何将HTML文件编码为base64？

我是HTML和JavaScript的初学者。尝试将HTML文件编码为Base64代码，然后将该编码字符串放入

中，可以很好地参考编码URI

我还将在这里检查解决方案，以设置iframe的src值：

演示JSFIDLE：

函数appendHtml（el，str）{
var div=document.createElement（'div'）；
div.innerHTML=str；
而（div.childrence.length>0）{
el.appendChild（子类[0]）；
}
}
var encodedUrl=encodeURI（'https://www.lifehacker.com.au/?r=US');
var html=''；
附录html（document.body，html）；//“body”还有两个孩子-h1和span。

---

愉快的学习。

所以你实际上需要一个好的浏览器有

btoa

方法的数据编码-你需要在浏览器中进行这种编码吗<代码>var datauri='数据：text/html；base64'+btoa（htmlsrc）使用readAsDataURL方法读取指定Blob或文件内容的最佳方法。读取操作完成后，readyState变为完成，并触发loadend。此时，result属性将数据包含为URL，URL将文件数据表示为base64编码字符串。基于：@SureshSapkota Hi，我如何从javascript读取本地html文件？在读取本地文件时使用XMLHttpRequest，而不是使用

input

加载，这样更容易获取整个文件。

encodeURI

将URI中不允许的字符替换为其编码百分比对应项。这与使用Base64编码生成

数据：

方案URI毫无关系。@SureshSapkota-我不确定您所写的内容是否符合答案条件（在这种情况下，它应该是答案，而不是注释），或者它是否是真正的注释（在这种情况下，它应该是对问题的评论，因为它与此答案无关）。

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

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.