18910140161

JavaScript-逐行输出。txt文件的内容-堆栈溢出

顺晟科技

2022-10-19 12:08:26

42

我创建了一个程序,用户可以在其中上传。txt文件。 现在,我想创建一个按钮,单击它,它会显示。txt文件的内容**一行一行,在**

之间有一点延迟


顺晟科技:

您可以通过编写一个方法来实现这一点,该方法每次以间隔添加一行:

document.getElementById('inputfile')
  .addEventListener('change', function() {

    var fr = new FileReader();
    fr.onload = function() {
      document.getElementById('output')
        .textContent = fr.result;
    }

    fr.readAsText(this.files[0]);
  })

然后从。下面的现场示例:

我使用ul,您可以使用它。

测试text.txt文件内容

document.getElementById('inputfile')
  .addEventListener('change', function() {

    var fr = new FileReader();
    fr.onload = function() {
      document.getElementById('output')
        .textContent = fr.result;
    }

    fr.readAsText(this.files[0]);
  })
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航