JavaScript - Pfadname aus <input type="file">

[LukOnline]

Hallo Leute,

ich habe mir ein kleines Skript gebastelt, in dem die User mehrere Bilder hochladen können:

<input multiple type="file" name="bilder[]" accept="image/*" OnChange="ImagePreview(this.id);" id="bilderupload">

Die Verarbeitung seitens PHP klappt super - nur ein Problem: Ich möchte dem Nutzer eine Vorschau geben, was er hochlädt - in einer extra Tabelle. In der Tabelle sollen die Bilder angezeigt werden, deren Pfade im FileUpload-Feld stehen. Wie kann ich ein lokal gespeichertes Bild via JavaScript auf der Website anzeigen? Mein Ansatz:

function ImagePreview(UploaderID)

{

    var UploaderObject = document.getElementById(UploaderID);


    for(i = 0; i < UploaderObject.files.length; i++)

    {

        alert(UploaderObject.files[i].name);

[INDENT]// Tabellenzeilen mit Miniansicht der Bilder einfügen . . .

[/INDENT]
    }

}

Ich bekomme jedoch - aus Sicherheitsgründen wie ich bereits gelesen habe - nur den Namen angezeigt. Um ein Bild mit dem <img> Tag anzuzeigen brauche ich ja aber den Pfad... Wer kann helfen?

Vielen Dank schonmal!

Gruß, Lukas

[Sassy]

Wenn ich mich nicht irre kann man mit Javascript nicht auf Ressourcen des PCs zugreifen.

[LukOnline]

Hey, danke für deine Antwort!

Ich will ja auch nicht mit JS auf die Ressourcen zugreifen - sondern den Pfad aus dem input-Feld holen...

Den Zugriff auf C: realisiere ich ja dann über <img src="C:\........">

[etreu]

Geht nicht! Um die Vorschau zu realisieren könntest du ein Applet verwenden. Vielleicht gibt es auch Flash- oder Silverleightlösungen für dein Problem.

Googles Chrome beispielsweise ersetzt den reellen Pfad durch 'C:\fakepath'.

[azett]

Hey, danke für deine Antwort!

Ich will ja auch nicht mit JS auf die Ressourcen zugreifen - sondern den Pfad aus dem input-Feld holen...

Den Zugriff auf C: realisiere ich ja dann über <img src="C:\........">

Wenn, dann

<img src="file:///C:/..." />