[GELÖST] WebApp: Image Upload

[EvilBen]

Hallo Leute,

folgendes, ich glaube einfaches Problem, worauf ich allerdings noch keine Lösung gefunden habe:

				<input id="file" type="file"/>

Ich habe also ein Input-Objekt, um eine Datei hochzuladen. Dies soll natürlich per PHP erfolgen. Also will ich mit Ajax mit $.get die entsprechende PHP Datei im Hintergrund aufrufen, die Datei hochladen, und im Anschluss ein Div mit dem aktuellen Foto Neuladen.

Ich werde alles hinbekommen, nur brauche ich eben den Pfad zur Datei! Und den bekomme ich eben nicht ausgelesen. Habe es folgendermaßen probiert, was zu keiner Lösung geführt hat.

$('#file').on('change', function () {
    var fileReader = new FileReader();
    fileReader.onload = function () {
      var data = fileReader.result;  // data <-- in this var you have the file data in Base64 format
    };
   alert(fileReader.readAsDataURL($('#file').prop('files')[0]));
});

}

Hoffe ihr wisst weiter

 

[Dormilich]

AW: Image Upload

nur brauche ich eben den Pfad zur Datei!

Und genau den wirst du nicht bekommen, ist ein zu hohes Sicherheitsrisiko. Allerdings brauchst du den auch nicht. Sh. Doku: https://developer.mozilla.org/en-US...ations#Example_Uploading_a_user-selected_file

 

[EvilBen]

AW: Image Upload

Danke Dormilich, so hat es funktioniert. :-*

 

[EvilBen]

Hey,

ich hatte jetzt erst zeit das ganze zu 100% zu testen, und nun habe ich gemerkt, dass er folgende Funktion nicht findet.

this.ctrl = createThrobber(img);

fehlt mir da irgendwas? habe ich irgendwas nicht inkludiert?