HTML Forms and Server-Side Data - Submitting data - Uploading files

4 belangrijke vragen over HTML Forms and Server-Side Data - Submitting data - Uploading files

Hoe upload je files via een form

met het element: input
syntax: <input type="file" name="parameter" attributes />
ook: moet de method POST zijn
en de enctype moet gezet worden. Dit specificeerd dat het form meerder data types heeft
voorbeeld:
<form action="http://webster.cs.washington.edu/params.php"
   enctype="multipart/form-data"method="post">
   <fieldset>
      <label>Name: <input type="text" name="name" /></label> <br />
      <label>Name: <input type="text" name="meal" /></label> <br />
      Your picture:
      <input type="file" name="pic" size="60" /> <br />
      <input type="submit" value="Submit Preferences"/>
   </fieldset>
</form>

Waarom mag je geen value attribute opgeven voor een input met type file?

Vanwege security. Als er een initele waarde voor een filenaam werd toegestaan, zou een malicious webpage dit kunnen gebruiken om de naam van een persoonlijke file te gebruiken die op je persoonlijke disk staat en dan automatisch het formulier submitten. De attacker heeft dan je file zonder jouw toestemming

Wat is het verschil tussen een hidden parameter en een normale tekst box? Waarom wordt niet gewoon een normale parameter gebruiken, zodat een gebruiker deze aan kan passen?

De bedoeling van een hidden input parameter is dat er met de gegevens van het formulier informatie kan worden meegestuurd die niet van belang is voor de gebruiker. Een voorbeeld is een productiecode bij een bestelling die de gebruiker plaatst: voor de gebruiker is het van belang om welk product het gaat; voor de eigenaar van de website is het handig om daarbij meteen de beschikking te hebben over de bijbehorende productcode. De gebruiker moet de code niet kunnen veranderen, er zou dan iets mis kunnen gaan met de bestelling
  • Hogere cijfers + sneller leren
  • Niets twee keer studeren
  • 100% zeker alles onthouden
Ontdek Study Smart

Gebruik je een GET of een POST request voor de onderstaande requests:
  1. een zoek query op google
  2. een product kopen van amazon.com
  3. het toevoegen van een vegatarische maaltijd voorkeur bij een luchtvaartmaatschappij
  4. het vragen naar de laatste waarde van je huis op Zillow.com
  5. het schrijven van commentaar bij een Youtube video

  1. GET
  2. POST
  3. GET (tenzij zo'n keuze als privicy gevoelige informatie wordt gezien)
  4. GET
  5. POST (het commentaar zal op de server worden opgeslagen)

De vragen op deze pagina komen uit de samenvatting van het volgende studiemateriaal:

  • Een unieke studie- en oefentool
  • Nooit meer iets twee keer studeren
  • Haal de cijfers waar je op hoopt
  • 100% zeker alles onthouden
Onthoud sneller, leer beter. Wetenschappelijk bewezen.
Trustpilot-logo