Откройте файл локального сервера, используя простой JavaScript

Question

Я хочу загрузить локально сохраненные данные, используя обычный javascript (например, без jquery), а затем использовать его для отображения в таблице в формате html. Моя структура проекта выглядит следующим образом:

root
- js
- main.js
- res
- data.csv
- index.html

Я пытался использовать XMLHttpRequest, но каким-то образом я получаю статус 0 при попытке загрузить файл и при печати текста ответа он вообще ничего не печатает.

Следующий методвызывается с помощью window.onload:

var url = "file://../res/data.csv/";
varxmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    console.log(this.responseText);
  }
};

xmlhttp.open("GET", url, true);
xmlhttp.send();

Answer 1

Я не думаю, что вы можете получить доступ к файловой системе через большинство браузеров.

Даже если он работает локально, он не будет работать, как только вы разместите свою страницу на сервере. Это связано с тем, что клиент будет запрашивать файл, который является локальным для него, а не для сервера.

В Chrome может быть что-то для вас: https://www.html5rocks.com/en/tutorials/file/filesystem/