首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将HTML文件内容转换为Javascript中的字符串

将HTML文件内容转换为Javascript中的字符串
EN

Stack Overflow用户
提问于 2016-05-25 07:07:13
回答 1查看 11.6K关注 0票数 2

我要求用户上传和HTML文件,我想把HTML文件的内容转换成一个字符串。

HTML文件:

代码语言:javascript
运行
复制
<form action="">
  <input type="file" name="pic" accept="html" id = "htmlFile">
</form>

JAVASCRIPT

代码语言:javascript
运行
复制
function readTextFile(file) //this is all wrong I think
{
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, false);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
                alert(allText);
            }
        }
    }
    rawFile.send(null);
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-05-25 07:15:53

如果我正确地理解了您的意思,您可以在使用FileReader进行输入更改后读取该文件,如下所示:

代码语言:javascript
运行
复制
function readSingleFile(evt) {
  //Retrieve the first (and only!) File from the FileList object
  var f = evt.target.files[0]; 

  if (f) {
    var r = new FileReader();
    r.onload = function(e) { 
      var contents = e.target.result;
      alert( "Got the file.n" 
            +"name: " + f.name + "n"
            +"type: " + f.type + "n"
            +"size: " + f.size + " bytesn"
            + "contents:" + contents
           );  
    }
    r.readAsText(f);
  } else { 
    alert("Failed to load file");
  }
}

document.getElementById('htmlFile').addEventListener('change', readSingleFile, false);
代码语言:javascript
运行
复制
<form action="">
  <input type="file" name="pic" accept="html" id="htmlFile">
</form>

来源

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37430059

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档