如何制作一个可以直接读取任何文件并用javascript文本替换自身的函数？_Javascript_Html

如何制作一个可以直接读取任何文件并用javascript文本替换自身的函数？

javascript html

如何制作一个可以直接读取任何文件并用javascript文本替换自身的函数？,javascript,html,Javascript,Html,我有一个名为main.html的html文件，其来源如下： <!DOCTYPE html> <html> <head> <script> var openFile = function(event) { var input = event.target; var reader = new FileReader(); reader.onload = function(){ var text = reader.

我有一个名为main.html的html文件，其来源如下：

<!DOCTYPE html>
<html>
<head>
<script>
  var openFile = function(event) {
    var input = event.target;

    var reader = new FileReader();
    reader.onload = function(){
      var text = reader.result;
      var node = document.getElementById('output');
      node.innerText = text;
      console.log(reader.result.substring(0, 200));
    };
    reader.readAsText(input.files[0]);
  };
</script>
</head>
<body>
<input type='file' onchange='openFile(event)'><br>
<div id='output'>
...
</div>
</body>
</html>

因此，Reader（）函数将读取文件后，它将用文本或文件中的任何内容替换自身。那么这个Reader（）函数可以实现吗？谢谢您的时间。

如果文件在您的服务器上，您可以使用以下功能：

jQuery.get('your_file.txt',function(data){
   document.getElementById("output").innerText = data;
});

如果你想从你的本地系统拉进来，你首先需要一个上传机制

$.ajax({
    url: "your_file.txt",
    async: false,
    success: function(data){ 
        document.getElementById("output").innerText = data;
    }
});

Uploadind必须通过后端脚本实现。

例如.cst、.ctm、.llb或任何东西？我已经尝试过了，但是jquery ajax不支持自定义扩展！所以，这并没有帮助，因为我必须再次加载.tss文件，因为我没有服务器

$.ajax({
    url: "your_file.txt",
    async: false,
    success: function(data){ 
        document.getElementById("output").innerText = data;
    }
});