Javascript, Typescript, Angular 5 - Öffnen und lesen Sie die Datei

Question

Ich arbeite mit Angular 5, ich habe eine Anwendung, in der ich eine AMP HTML-Datei als Text lesen muss. Diese Datei ist in einer Komponente enthalten und sollte nur von dieser Komponente aus zugänglich sein.

Ich möchte in der Lage sein, die Datei schreibgeschützt zu öffnen, indem Sie ihren Namen angeben.

bin auf der Suche ich wirklich für so etwas wie:

let file = open('amp.html'); 

Ist es möglich? Wenn nicht, wie kann ich das erreichen?

Answer 1

Wenn Sie schreiben browserside JS

Sie können nicht nur einfach eine Datei lesen. Der JS wird in Ihrem Browser ausgeführt, und Sie müssen darüber nachdenken, woher Sie diese Datei erhalten.

Wenn sich die Datei auf einem Server befindet, müssen Sie zuerst die Datei fetch vom Server anfordern, indem Sie eine entsprechende Anforderung stellen.

Wenn Sie eine Datei auf dem Computer des Benutzers lesen, verwenden Sie die File API im Browser, damit der Benutzer diese Datei auswählen kann.

Wenn Sie Back-End-JS gerade schreiben

Sie verwenden NodeJS Unter der Annahme, können Sie Dateioperationen wie würden Sie mit anderen Programmiersprachen leiten. Schauen Sie sich die fs Modul

Answer 2

Wenn ich verstehe, Sie zu korrigieren, können Sie es als Text wie folgt lauten:

function readFile(file){ 
    var raw = new XMLHttpRequest(); // create a request 
    raw.open("GET", file, false); // open file 
    raw.onreadystatechange = function(){ // file is ready to read 
     if(raw.readyState === 4){ 
      if(raw.status === 200 || raw.status == 0){ 
       var allText = raw.responseText; 
       alert(allText); // can be also console.logged, of course. 
      } 
     } 
    } 
    raw.send(null); // return control 
} 

Nutzung:

readFile('link.html') 

Ich löste dieses Problem zum Glück zu this question.