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

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

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:\........">

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'.

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:/..." />