Foto’s toevoegen aan de database – DDT
In de vorige hoofdstukken heeft het steeds gegaan over het toevoegen en tonen van data. Velen onder ons werken ook met foto’s. Hierover enkele hoofdstukken apart mits deze een andere aanpak nodig hebben en er in de Dreamweaver Developer Toolbox mooie functies zitten die je automatisch kan aanmaken. Welke functies? Resizen bij uploaden, thumbnails, watermerk, vergrootte foto bij aanklikken, …
Om foto’s toe te voegen gaan we eerst een formulier opmaken zoals we reeds geleerd hebben in het topic Data toevoegen aan de database. Maak een tabel ‘foto’ aan in de database met 3 cellen, namelijk id, foto en beschrijving.
Je formulier in Dreamweaver zou er ongeveer zo moeten uitzien :
We hebben nu achter ‘Foto’ een file field om de foto te selecteren en achter ‘Omschrijving’ een text area om een omschrijving van de foto erbij te zetten.
Om nu de foto mee te kunnen uploaden moeten we op de ‘Browse…’ knop een actie leggen. Selecteer de ‘Browse…’ en ga via Application -> Server Behaviors -> + -> Developer Toolbox -> File Upload -> Upload en Resize Image :
Er start nu de volgende wizard op :
Basic :
Select from file field : Onveranderd laten
Store filename in : Onveranderd laten
Select destination folder : Selecteer hier de map waar je de foto’s wenst op te slaan.
Specify resize options : Indien je de foto bij het uploaden wil verkleinen kan je de optie ‘Resize image’ aanvinken. Eronder kan je meegeven aan welke voorwaarden zoals hoogte en breedte.
File :
Define file constraints : Hier kan je meegeven hoe groot de foto maximaal mag zijn en welke extensies zijn toegelaten.
Specify action if file exists : Wat doen indien er al een file met dezelfde naam bestaat.
Als alle instellingen naar wens zijn klik je op OK en save je de pagina. De uploadfunctie met al dan niet een resize optie is nu toegevoegd aan je formulier.
Onthou wel dat de foto’s weggeschreven worden naar een map op je server en er een link naar je foto in de database wordt gezet. De foto’s worden niet opgeslaan in de database zelf!
Vergeet zeker ook niet de map op de server waar de foto’s worden in gezet schrijfrechten te geven. CHMOD naar 777.
Dit hoofdstuk is een onderdeel van ‘Een PHP website maken zonder code te schrijven’.
:
Indien je het nuttig vond mag je altijd een bericht achterlaten of u inschrijven op onze nieuwsbrief om altijd op de hoogte te blijven.
Comments
[...] Winnen Less More « Older Home Loading Newer » // Foto’s toevoegen aan de database met resize optie [...]
[...] Velen van bovenstaande opties zijn standaard al ingevuld indien men al bij een upload formulier een file field heeft gezet en bij de ‘Browse…’ knop een upload actie hebben toegepast. Zoals uitgelegd in hoofdstuk Foto’s toevoegen aan de database met resize optie. [...]
Hallo,
Ik zou dit graag toepassen op een website, maar helaas vind ik nergens de Developer Toolbox…, ook niet op de website van Adobe.
Een idee waar ik die kan vinden ??
Hallo Nico,
In deze beginpost staat een link naar de extension op de Adobe site : http://www.webtutorials.be/2007/12/10/een-php-website-maken-zonder-code-te-schrijven/
Groetjes
Cicco
Bedankt !!
Ik zal de trial eens downloaden en kijken als ik hier iets verder mee kom !
Prachtige en interessante Web tutorials overigens !!
Deze site staat al bij mijn favorieten.
Groeten,
Nico
Nou de verbinding is eindelijk gelukt door mijn website hosting provider!
Maar nu had ik nog een vraag, is het mogelijk om foto’s up te loaden naar de database maar dat je het in verschillende mappen kan verdelen. bijv. als ik mijn foto’s wil tonen in verschillende categorien Feest 1 / Feest 2 / Feest 3.
En kan je misschien meerdere bestanden tegelijk uploaden, voor een snellere werking.
Groetjes,
Joyce
ik ben een PHP-sukkel whahahha Ik wil niet verkeerd overkomen of onbeleefd zijn maar het zou oneerlijk zijn tegenover de leden van de Dreamweaver Developer Toolbox om hier support te geven.
Zoals je in de intro kan lezen is support voorzien voor degene die het e-book downloaden. Alle uitleg is daar voorzien en je kan ook lezen waarom… Ook kan deze support in sommige gevallen wel eens heel ver uitlopen.
Hoop dat je hier begrip voor hebt…
Om dergelijke misverstanden te vermijden wordt het commentaar systeem over de Dreamweaver Developer Toolbox zeer binnenkort gesloten.
Sorry, Reacties plaatsen is nu niet mogelijk
[...] 13. Foto’s toevoegen aan de database met resize optie. [...]