preview voor het uploaden

Door didier mercier op 31-08-2010 12:30

1.580 views

Hallo,

ik ben absoluut geen ervaren javascripter en ik zou graag willen weten hoe ik een preview van een image (als thumbnail) vóór de upload kan tonen.

zou dit al in de goede richting gaan ?

<input name="pict1" type='file' onchange(self.document.forms['pict_preview']=self.document.forms['pict1'])>
<img name="pict_preview" src="" width="100" heigth="80">

dank u

Chris -

31-08-2010 12:36

Letterlijk vóór je iets upload is niet mogelijk. Om iets te tonen moet een plaatje eerst worden geupload naar de server, tenzij ze je een client (programma op de computer) installeert.

didier mercier

31-08-2010 14:19

Hi Chris,

ik heb nochtans site gezien die vóór je de picture upload een preview tonen om de klant nog te keuze te geven om de plaatje te veranderen.

Het gaat niet in PHP inderdaad omdat het server-side is maar dacht dat misschien iemand een idee had hoe het moet gebeuren in javascript

didier

Jelmer -

31-08-2010 15:42

Misschien dat dit werkt, al zou het kunnen dat je niet de value van input[type=file] uit kan lezen vanwege veiligheidsredenen.


<img id="pict_preview" src="">
<input type="file" onchange="document.getElementById('pict_preview').src = this.value">

didier mercier

31-08-2010 17:50

inderdaad, het werkt niet

ik blijf maar zoeken

bedankt

Vincent Huisman

31-08-2010 18:16

met flash kan het wel, heb al vaak zoiets gedaan. dan met php uploaden en in flash het plaatje laten zien

didier mercier

21-09-2010 13:59

Thanks voor antwoord.
Heb ondertussen oplossing gevonden door de images in tijdelijk directory te uploaden met uniqid() als naam.
Als klant zich inschrijft voor goed dan images verplaatsen en tijdelijk directory verwijderen.

deze is voor mij opgelost !!!

didier

Reageren

Inloggen om te reageren