<XMLHttpRequest> прочитать локальный файл

[provigator]

есть внешний файл data.txt, в том же каталоге что и javascript
надо получить данные из него через XMLHttpRequest

var xhr = new XMLHttpRequest()
xhr.open("GET", "data.txt")
xhr.onreadystatechange = function() {
	if(xhr.readyState == 4)
		console.log(xhr.responseText)
}
xhr.send()

если этот скрипт и data.txt расположены на сервере, то xhr.responseText получает содержимое data.txt
скрипт работает

у меня задача запускать скрипт с жесткого диска
data.txt в том же каталоге

при запуске с диска xhr.responseText не получает содержимое data.txt

возможно ли прочитать файл локально(с жесткого диска), через XMLHttpRequest() ?

использую Google Chrome

[laimas]

Локальные вызовы Ajax будут блокироваться браузерами по соображению безопасности. Но сейчас доступны иные методы, например fetch. Может его будет достаточно?

[provigator]

если никак через XHR, то буду использовать fetch

[Malleys]

если никак через XHR, то буду использовать fetch

Но это тоже самое и не работает по-умолчанию в целях безопасности!

laimas, вы не можете получить и оперировать содержимым файла, если вы используете протокол file:/// ни при помощи класса XMLHttpRequest, ни при помощи Fetch API, ни при помощи класса HTMLIFrameElement или каким-либо другим способом!

Fetch API cannot load file:///Users/valentin/javascript/test/data.txt. URL scheme must be "http" or "https" for CORS request.

laimas, Fetch API предназначен для работы с сетью, а не с файловой системой!

у меня задача запускать скрипт с жесткого диска
data.txt в том же каталоге

provigator, вы можете это сделать!

Google Chrome запущенный с аргументами в терминале

Допустим у вас в папке есть основной файл index.html с кодом, который вы привели выше и файл с данными data.txt. Перейдите в эту папку в терминале и запустите Google Chrome со следующими аргументами...

chrome --no-first-run --no-default-browser-check --allow-file-access-from-files --temp-profile --allow-external-pages --allow-file-access --user-data-dir=./chrome-data -open ./index.html

• Параметр --user-data-dir необходим для предотвращения использования Chrome профиля по умолчанию (он создаст в вашей папке папку chrome-data, как я указал выше)
• Параметр -open <url> указывает, какой файл запустить

После запуска этой команды откроется ваш index.html в отдельном экземпляре браузера, который не будет связан с вашим уже открытым браузером, в котором можно будет читать локальные файлы!

Почему я написал просто chrome в терминале? Потому что до этого выполнилось

alias chrome="/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome"

которое прописано в ~/.zshrc (для zsh) или в ~/.bash_profile (для bash).
На самом деле вы можете вместо chrome указать сразу путь к исполняемому файлу браузера. Если вы не можете найти путь, то посмотрите через Activity Monitor / System Monitor / Task Manager.

[laimas]

laimas, вы не можете получить и оперировать содержимым файла

Рядом кладем файл и получим, вот только Хром да, будет блокировать.

[Malleys]

Функция fetch асинхронно совершает преобразование из представителя класса Request в представителя класса Response. Спецификация насчёт этого (протокол file) не предусматривает никаких шагов по возвращению представителя класса Response.

[laimas]

const readFile = async file => {
    var response = await fetch(file),
    text = await response.text();
    console.log(text);
};
readFile('name.txt');

К сожалению тут не запустить, но консоль будет отображать содержимое файла.

[provigator]

laimas, попробовал в Chrome, Edge, IE - не работает
какой браузер используете?

[laimas]

какой браузер используете?

Лиса, а в остальных нужно разрешать, как это сделать в Хроме Malleys, выше показывал.

PS. Кстати, а какова цель этого? Если веб приложение и для себя, то можно, иначе забудьте об этом. Если это локальная задача и устраивает IE, забудьте о веб и пишите приложение, под IE это может быть .hta.

[Malleys]

Лиса

laimas, что вы людям голову морочите, если fetch и работает таким образом, то это ошибка, bug! Например, в Firefox Quantum 66.0.4 при запуске вашего скрипта в консоли пишет:

TypeError: NetworkError when attempting to fetch resource.

а в остальных нужно разрешать

В Google Chrome 74.0.3729.131 при запуске вашего скрипта (с флагами) в консоли пишет:

Fetch API cannot load file:///Users/valentin/javascript/test/data.txt. URL scheme "file" is not supported.

как это сделать в Хроме Malleys, выше показывал.

Я показывал для примера кода автора с XMLHttpRequest! В Firefox сразу работает, в Chrome с флагами работает, как выше показывал.

Fetch API предназначено для работы с сетью.
Если вам нужна работа с файловой системой, то, например, можете использовать fs из node.js. node.js идёт вместе с Google Chrome, например, в NW.js, Electron.js.