Durchsuchen Dialog -> neues Bild anzeigen

[Gast alexC++]

Hallo,

ich habe einen Durchsuchen-Dialog.

<input name="upload" type="file" size="40" accept="image/*"/>

und will nun, wenn man sich ein neues Bild ausgesucht hat, dass das Bild in einem

<img src="" alt="" class="photoUpload"/>

angezeigt wird!

sprich: nach dem Auswählen -> Anzeige in einem Image-Tag.

Gruß

[flashpixx]

Du musst das Bild erst auf den Webspace übertragen und dann von dort in das DOM-Object via JS laden.

[Gast alexC++]

Hallo,

ich habs jetzt so:

<input name="uploadFile" type="file" size="40" accept="image/*" onChange="showUploadImage()" id="uploadDialog"/>


function showUploadImage(){

  alert("blabla");


  var imageToUpload = document.getElementById("uploadPhoto");

  alert(imageToUpload);


  imageToUpload.src = "/home/afrey/Dokumente/taube.jpg";

  imageToUpload.height = "300";

  imageToUpload.width = "300";


}


<img src="leer" alt="" class="photoUpload" id="uploadPhoto"/>

das src-attribut und die height und width werden sofort gesetzt,

das bild erscheint aber nicht im imagetag.

geht das überhaupt oder brauch ich da ajax?

edit: will ja vom client in den browser, also kein ajax

Gruß

Bearbeitet 8. März 2011 von alexC++

[flashpixx]

Wenn nicht vollständig lokal arbeitest, dann brauchst Ajax und ein entsprechendes Server Script

[Gast alexC++]

hm... ich will ja das file vom client direkt nach der auswahl anzeigen, hat also mit dem server nichts zu tun!

ein refresh auf das image-tag mit neuer resource

geht das?

[flashpixx]

Das sollte mit JavaScript ohne Probleme möglich sein, wobei das dann aber immer nur lokal funktioniert, d.h. sobald Du die HTML Seite auf einem Server liegen hast, wird das nicht mehr funktionieren.

[Gast alexC++]

Die seite liegt auf einem server!

also funktioniert so was garnicht!?

man kann also nur ein bild auswählen und hochladen ohne es vorher irgendwie gesehen zu haben....

da muss es doch was geben....

wie "reload browser" oder sowas

besser wie "reload image tag"

Bearbeitet 8. März 2011 von alexC++

[flashpixx]

Die seite liegt auf einem server!

Genau das hatte ich in meinem ersten und zweiten Posting beschrieben!

[habbeda]

Zumindest im Firefox wird dieses Vorhaben nicht funktionieren:

mozillaZine|Links to local pages do not work

Ohnehin verwirrt mich folgende Aussage:

man kann also nur ein bild auswählen und hochladen ohne es vorher irgendwie gesehen zu haben....

Merkwürdige Nutzer, die dort bedient werden möchten...

[Gast alexC++]

ich mein man sieht das bild nur im durchsuchen-dialog....

[flashpixx]

Der Dialog, der eine Dateiauswahl ermöglichst, wird vom Betriebssystem durch den Browser erzeugt, darauf kann man keinen Einfluss nehmen.

[habbeda]

Was Du vorhast setzt vorraus, dass ein Script aus der Webseite heraus Zugriff auf die lokale Festplatte des Nutzers erlangen kann. Das wäre ein Super-GAU für die Sicherheit eines jeden Rechners, wäre dieses möglich.