在 javascript 中加载和显示文本文件，无需用户输入-解网

问：

我需要用查询字符串传递文件的名称，并使用它来加载和显示 tat 文件。我想在没有用户输入的情况下做到这一点。

我尝试了以下方法来自动填写输入文件字段（有效），但我想使用 tat 输入来显示文本。我尝试调用一个单独的函数来做到这一点，但它不起作用。我的代码：

<html>
  <head>
    <title>reading file</title>
   </head>
<body>
<input type="file" onchange="previewFile()" />
<input name="Button1" type="button" value="button" onclick="previewFile()"/>
<script>
    const filename = "textfile.txt" // simulate a querystring
    // Get a reference to our file input
    const fileInput = document.querySelector('input[type="file"]');

    // Create a new File object
    const myFile = new File(['Hello World!'], filename, {
        type: 'text/plain',
        lastModified: new Date(),
    });

    // Now let's create a DataTransfer to get a FileList
    const dataTransfer = new DataTransfer();
    dataTransfer.items.add(myFile);
    fileInput.files = dataTransfer.files;
    previewFile();

</script>
<script>
function previewFile() {
  const content = document.querySelector('.content');
  const [file] = document.querySelector('input[type=file]').file;
  const reader = new FileReader();

  if (file) {
    reader.readAsText(file);
  }
}


</script>
  </body>
</html>

输入文本上传

在 javascript 中加载和显示文本文件，无需用户输入

Load and display text file in javascript without user input

评论