Jens: preview bild upload, input type=file

hallo allerseits,
wie kann ich den plattform/browser-unabhängig (Mac/Win/IE/NN/MOZ/...) den pfad aus input type=file auslesen? möchte eine preview für einen bildupload machen.
oder wird das offiziell nicht mehr unterstützt?
grüsse
j

  1. Hallo,

    wie kann ich den plattform/browser-unabhängig (Mac/Win/IE/NN/MOZ/...) den pfad aus input type=file auslesen? möchte eine preview für einen bildupload machen.
    oder wird das offiziell nicht mehr unterstützt?

    Das Attribut "value" im INPUT-Element mit dem Typ file wird beim HTML-parsen nicht mehr von den Browsern ausgewertet. Das heißt, man kann keinen Wert vorgeben. Auslesen sollte man es mit JavaScript eigentlich weiterhin können.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Bild-Upload mit Vorschau</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    </head>
    <body>
    <form action="#" method="POST" enctype="multipart/form-data">
    <p>
    Wählen Sie eine Bilddatei von Ihrem Rechner aus:<br>
    <input name="BildDatei" type="file" size="50" maxlength="100000" accept="image/*">
    <br>
    <input type="button" value="Vorschau" onclick="window.open('file://' + this.form.elements['BildDatei'].value,'Vorschau');">
    </p>
    </form>
    </body>
    </html>

    viele Grüße

    Axel