JavaScript - 从localdisk打开文件

时间:2016-03-25 08:27:08

标签: javascript ember.js

我是Javascript的新手。当用户点击列表中的单个项目时,我希望来自本地系统的open a file不是来自服务器。因此,我不知道如何在javascript中打开文件。所以,任何一个帮我解决一下?

1 个答案:

答案 0 :(得分:0)

以下是来自@PaoloMoretti的答案。

请看这个链接:

How to Open Local Disk File With Javascript

希望这有帮助,

<强> CODE:

   function readSingleFile(e) {
      var file = e.target.files[0];
      if (!file) {
        return;
      }
      var reader = new FileReader();
      reader.onload = function(e) {
        var contents = e.target.result;
        displayContents(contents);
      };
      reader.readAsText(file);
    }



    function displayContents(contents) {
      var element = document.getElementById('file-content');
      element.innerHTML = contents;
    }

    document.getElementById('file-input')
      .addEventListener('change', readSingleFile, false);
    <input type="file" id="file-input" />
    <h3>Contents of the file:</h3>
    <pre id="file-content"></pre>