Hallo

Via een PHP module wil ik een product met foto's in de database plaatsen ( op zich geen probleem )
Nu zou ik het uploaden al willen laten starten bij het selecteren van een foto ... dat is wel een probleem.
Er is op dat moment nog geen record in de database waaraan in de foto kan koppelen.

Ik dacht dus om met met een tijdelijke tmp folder te werken, maar dat lijkt me nogal omslachtig te zijn.
Op Google heb ik zelf al gezocht maar vind zoveel mogelijkheden dat ik even het bos door de bomen niet kan zien.

Heeft iemand van jullie al iets analoogs gedaan? Een preview thumbnail zou ook fijn zijn.
Ik hoef geen kant-en-klare code ... ben bereid zelf ook wat te zoeken natuurlijk ( zoeken = leren )

Alvast bedankt!
Wesley

Je kunt hier eens naar kijken.

Ondersteund ook de gewenste thumbnails.

http://blueimp.github.io/jQuery-File-Upload/

Bedankt voor het idee!
Het probleem is hier dat er per afbeelding een UPLOAD is.
Ik zou het zo nodig hebben dat ik 1 SUBMIT heb voor het hele formulier.
Dit is heel mooi maar niet helemaal wat ik zoek ... helaas.

Origineel gepost door I. van Zon

Je kunt hier eens naar kijken.

Ondersteund ook de gewenste thumbnails.

http://blueimp.github.io/jQuery-File-Upload/

Kun je er wel prima mee maken hoor!

Anders zou je ook nog kunnen kijken naar DropzoneJS. Hierbij krijg je thumbnails te zien. http://www.dropzonejs.com/

Ideaal, ook voor gelijktijdig meerdere images uploaden

http://www.plupload.com/

Wat ik nu werkende heb :

Via FileReader() tonen previews van de afbeelding ( nog niet uploaden )
FileReader() is niet altijd werkende ( bv IE8 ) - in dat geval tonen enkel de type="file" velden.
Na het klikken op de knop 'submit' worden de afbeeldingen pas geüpload.

Het automatisch uploaden is handig bij het bewerken wanneer er reeds een record in de db zit.
Bij het toevoegen is dat anders ... ik heb dan nog niets waaraan ik de afbeelding kan koppelen.
Eerst wou ik werken een /tmp map, maar dat blijkt vrij omslachtig ( dus niet ideaal ) te zijn.

Toevoegen : tonen van preview met FileReader()
Bewerken : tonen van de 'preview' via de afbeelding op de server + nieuwe foto's via FileReader()
Het leek me makkelijker ( ook voor de gebruikers ) om slechts 1 systeem te gebruiken.
Dus niet toevoegen + manuele uploaden EN bewerken + automatische upload.

Wat denken jullie van die manier?

@ Robbin de Kruijf : dropdzone heb ik bekeken, de auto upload kan uitgeschakeld worden zag ik.
Het limiteren van bestanden wringt me wat ... stel bv max 3 afbeeldingen, dan kunnen er +3 toegevoegd worden.
Ze verschijnen dan allemaal maar met een melding bij mouseover ... of mis ik hier iets?

Om een afbeelding zonder submit te uploaden gebruik ik : http://malsup.com/jquery/form/#validation
Nu zou ik via PHP de afbeelding willen valideren. Hoe doe ik dit ? Kan de oplossing niet vinden ...

Dit kan ik in de PHP code doen : move_uploaded_file($_FILES["image"]["tmp_name"], "test");
Helaas is de waarde van $_FILES['image']['tmp_name'] leeg ... is dat op te lossen?