Я спробував відкрити файл із

window.open("file:///D:/Hello.txt");

Веб-переглядач не дозволяє відкривати локальний файл таким чином, можливо, з міркувань безпеки. Я хочу використовувати дані файлу на стороні клієнта. Як я можу прочитати локальний файл у JavaScript?

Ось приклад використання FileReader:

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.textContent = 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>

Технічні характеристики

http://dev.w3.org/2006/webapi/FileAPI/

Сумісність браузера

• IE 10+
• Firefox 3.6+
• Chrome 13+
• Сафарі 6.1+

http://caniuse.com/#feat=fileapi

The HTML5 fileReader дозволяє обробляти локальні файли, але їх ОБОВ'ЯЗКОВО обрати користувачеві, ви не можете вкоренитися на диску користувачів, який шукає файли.

В даний час я використовую це у розробних версіях Chrome (6.x). Я не знаю, які інші браузери це підтримують.

Тому що в мене немає життя, і я хочу, щоб ці 4 репутаційні моменти, щоб я міг проявити свою любов до людей, які насправді добре кодують, я поділився адаптацією коду Паоло Моретті . Просто використовуйте openFile(функцію для виконання зі вмістом файлу як перший параметр) .

function dispFile(contents) {
  document.getElementById('contents').innerHTML=contents
}
function clickElem(elem) {
	// Thx user1601638 on Stack Overflow (6/6/2018 - /programming/13405129/javascript-create-and-save-file )
	var eventMouse = document.createEvent("MouseEvents")
	eventMouse.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
	elem.dispatchEvent(eventMouse)
}
function openFile(func) {
	readFile = function(e) {
		var file = e.target.files[0];
		if (!file) {
			return;
		}
		var reader = new FileReader();
		reader.onload = function(e) {
			var contents = e.target.result;
			fileInput.func(contents)
			document.body.removeChild(fileInput)
		}
		reader.readAsText(file)
	}
	fileInput = document.createElement("input")
	fileInput.type='file'
	fileInput.style.display='none'
	fileInput.onchange=readFile
	fileInput.func=func
	document.body.appendChild(fileInput)
	clickElem(fileInput)
}

Click the button then choose a file to see its contents displayed below.
<button onclick="openFile(dispFile)">Open a file</button>
<pre id="contents"></pre>

Спробуйте

function readFile(file) {
  return new Promise((resolve, reject) => {
    let fr = new FileReader();
    fr.onload = x=> resolve(fr.result);
    fr.readAsText(file);
})}

але користувачеві потрібно вжити заходів, щоб вибрати файл

function readFile(file) {
  return new Promise((resolve, reject) => {
    let fr = new FileReader();
    fr.onload = x=> resolve(fr.result);
    fr.readAsText(file);
})}

async function read(input) {
  msg.innerText = await readFile(input.files[0]);
}

<input type="file" onchange="read(this)"/>
<h3>Content:</h3><pre id="msg"></pre>

Метод запиту xmlhttp недійсний для файлів на локальному диску, оскільки безпека браузера не дозволяє нам це робити. Але ми можемо перекрити безпеку браузера, створивши ярлик-> клацніть правою кнопкою миші>> властивості в цільовому "... браузері location path.exe "append --allow-file-access-from-files. Це тестується на хромі, однак слід подбати про те, щоб усі вікна браузера були закриті і код запускався з браузера, відкритого за допомогою цього ярлика.

Ви не можете. Нові браузери, такі як Firefox, Safari тощо, блокують протокол "файл". Він працюватиме лише на старих браузерах.

Вам доведеться завантажити потрібні файли.

Javascript зазвичай не може отримати доступ до локальних файлів у нових браузерах, але об'єкт XMLHttpRequest може використовуватися для читання файлів. Таким чином, саме Ajax (а не Javascript) читає файл.

Якщо ви хочете прочитати файл abc.txt, ви можете записати код у вигляді:

var txt = '';
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
  if(xmlhttp.status == 200 && xmlhttp.readyState == 4){
    txt = xmlhttp.responseText;
  }
};
xmlhttp.open("GET","abc.txt",true);
xmlhttp.send();

Тепер txtміститься вміст файлу abc.txt.