J'ai essayé d'ouvrir le fichier avec

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

Le navigateur ne permet pas d'ouvrir un fichier local de cette façon, probablement pour des raisons de sécurité. Je souhaite utiliser les données du fichier côté client. Comment puis-je lire un fichier local en JavaScript?

Voici un exemple utilisant 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>

Spécifications

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

Compatibilité du navigateur

• IE 10+
• Firefox 3.6+
• Chrome 13+
• Safari 6.1+

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

La fonction HTML5 fileReader vous permet de traiter les fichiers locaux, mais ceux-ci DOIVENT être sélectionnés par l'utilisateur, vous ne pouvez pas rechercher les fichiers sur le disque des utilisateurs.

J'utilise actuellement ceci avec les versions de développement de Chrome (6.x). Je ne sais pas quels autres navigateurs le prennent en charge.

Parce que je n'ai pas de vie et que je veux ces 4 points de réputation afin de pouvoir montrer mon amour aux personnes qui sont vraiment douées pour le codage, j'ai partagé mon adaptation du code de Paolo Moretti . Utilisez simplement la openFile(fonction à exécuter avec le contenu du fichier comme premier paramètre) .

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>

Essayer

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

mais l'utilisateur doit prendre des mesures pour choisir le fichier

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>

La méthode de requête xmlhttp n'est pas valide pour les fichiers sur le disque local car la sécurité du navigateur ne nous permet pas de le faire.Mais nous pouvons remplacer la sécurité du navigateur en créant un raccourci-> clic droit-> propriétés Dans le navigateur cible "... location path.exe "append --allow-file-access-from-files. Ceci est testé sur chrome, cependant il faut veiller à ce que toutes les fenêtres du navigateur soient fermées et que le code soit exécuté à partir du navigateur ouvert via ce raccourci.

Vous ne pouvez pas. Les nouveaux navigateurs comme Firefox, Safari etc. bloquent le protocole «fichier». Cela ne fonctionnera que sur les anciens navigateurs.

Vous devrez télécharger les fichiers souhaités.

Javascript ne peut généralement pas accéder aux fichiers locaux dans les nouveaux navigateurs, mais l'objet XMLHttpRequest peut être utilisé pour lire des fichiers. C'est donc Ajax (et non Javascript) qui lit le fichier.

Si vous souhaitez lire le fichier abc.txt, vous pouvez écrire le code comme suit :

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

txtContient maintenant le contenu du fichier abc.txt.