Eenvoudige file upload

CMD FED Y2Q2W4 Workshop

Doel

Deze workshop staat in het teken van het maken van een eenvoudig html upload formulier waarbij de gebruiker de mogelijkheid wordt geboden om bestanden van zijn lokale computer via een file upload mechaniscme op de server te plaatsen in een bepaalde map.

Waarom een upload-pagina?

Soms wil je dat bepaalde bestanden die op jouw computer staan gebruiken in je website. Je kunt dan met FTP bestanden overzetten naar een server, maar je kunt ook via HTTP bestanden uploaden naar een server. Erg handig als je even geen FTP programma hebt, of je weet de login gegevens van de server niet.
Sites als flickr.com, hyves.nl en myspace.com hebben ook zo'n faciliteit om foto's naar jouw space te kunnen uploaden. De een nog uitgebreider dan de ander.

Voorbeeld: http://flickr.com

Op bovenstaand voorbeeld zie je in feite een formulier met een aantal text input fields, gevolgd door browse buttons.
Via zo'n browse button kun je het bestand zoeken wat je wilt uploaden.
Hierboven kun je er meerdere tegelijk uploaden.
Als je als browsend het bestand hebt gevonden, wordt bij dubbelklikken de volledige naam van het bestand, inclusief pad, in het bijbehorende text input field ingevuld. van de bestandsnaam
wordt het pad naar het betreffende bestand opgehaald. Je kunt er gewoon naartoe browsen.
Onderop de pagina staat een UPLOAD button waarmee de inhoud van het ingevulde formulier naar de server wordt verstuurd.