Java Script Textdatei auslesen und veränder?
Wie schaffe ich es mit JavaScript HTML und CSS den Inhalt einer textdatei anzeigen zulassen und diesen dann zu verändern also zum beispiel das ... rot makiert wird oder ich einen filter dazu habe.
Ist wirklich dringend ich bedanke mich im vorraus.
2 Antworten
Gar nicht ... Es gibt aber Umwege:
- AJAX GET-Request auf Textdatei
- Rückgabe ins Textfeld laden (Der Browser unterkringelt selber in rot)
- In DataURL wandeln und darüber downloaden.
Ansonsten, wenn du ein echtes File Management haben willst auf dem Server, musst du PHP anbinden. Auf den Benutzer PC kannst du nicht zugreifen. Solltest du davon eine Datei wollen, musst du ein Upload Feld bereitstellen
Ja, dann geht es nur so, wie bei mir beschrieben. Im Browser JS ist man eingeschränkt. Das hat Sicherheitsgründe. Mit NodeJS hingegen würde es gehen, das läuft aber nicht im Browser
z.b.
https://jsfiddle.net/TechPech1984/7pvxdsfg/
<html>
<head>
</head>
<body>
<form >
<p>
Text in Rot :
</p>
<input type="text" id="myText" name="myText">
<p>
Datei
</p>
<input type="file" id="myFile" name="myFile">
</form>
<div id="fileOutput">
</div>
<script>
var myFile = document.getElementById("myFile");
var myText = document.getElementById("myText");
var fileOutput = document.getElementById("fileOutput");
myFile.addEventListener('change',function(){
var fileReader=new FileReader();
fileReader.onload=function(){
let changeText = myText.value;
console.log(changeText);
let text = fileReader.result;
console.log(text);
let finaly = text.replace(changeText, "<span style='color:#FF0000'>"+changeText+"</span>");
fileOutput.innerHTML=finaly;
}
fileReader.readAsText(this.files[0]);
});
</script>
</body>
</html>
Wenn du eh let benutzt kannst du ruhig auch const anstatt var verwenden :D
kannst du dir mal das da angucken , der will was in typescript
und meine lösung sagt ihm wohl da nicht zu , geht aber in javascript .
anstatt .find() != undefined gibt es übrigens .some()
Und warum machst du einmal rndInt +1 und einmal ohne +1? :D
Jo aber du machst an einer Stelle +1 (in schleife) und an der anderen (vor der schleife) nicht
Ausserdem wird es dann zu [1 2[ anstatt [0 2[
oh ich sehe was du meinst, da oben hab ich das glatt vergessen lol . etwas unfähr ;) fängt der zufall nie mit max an .
Wie mache ich das nur ein gewisser teil rot ausgegeben werden soll also zum beispiel nur fehlermeldungen?
Ich weiß dumme frage aber wo sag ich denn wie der Dateiname ist und wo ich den pfad angebe
Ok weil das ist halt gerade meine Aufgabe und php soll ich eigentlich nicht verwenden deswegen frage ich.