JavaScript - 从本地磁盘打开文件

11 浏览
0 Comments

JavaScript - 从本地磁盘打开文件

我是Javascript的新手。我想在用户从列表中点击某个项目时，从本地系统而不是服务器上打开一个文件。因此，我不知道如何在javascript中打开一个文件。所以，有人能帮我弄清楚吗？

0

1 答案

0 Comments

原因：无法直接通过JavaScript打开本地磁盘文件，需要使用FileReader对象来读取文件内容。

解决方法：使用FileReader对象的readAsText方法来读取文件内容。首先，通过input元素的change事件监听用户选择的文件，然后通过FileReader对象的onload事件处理函数读取文件内容，最后将文件内容显示在页面上。

以下是代码示例：

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);

在页面上添加以下HTML元素：



文件内容：






以上是解决通过JavaScript打开本地磁盘文件的方法。希望对你有所帮助。

									

				

									

			

			
0