File Uploaden met Ajax

http://blog.teamtreehouse.com/uploading-files-ajax ;-)

Let er wel op dat oude IE's gebruik maken van ActiveXObject()

Ha, die had ik reeds gevonden.

Echter dit werkt bij mij niet omdat FormData() blijkbaar niet bestaat.

var formData = new FormData();

Welke browser bij jouw herkent dat object dan niet?

Als FormData() voor jou niet werkt, bijvoorbeeld voor IE 8/9 (Al kan ik me niet voorstellen dat je dat nog gebruikt?), dan kun je fallback schrijven met XMLHttpRequests(), zie: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Sending_forms_through_JavaScript#Building_an_XMLHttpRequest_manually

Hiermee kun je testen of je browser FormData() ondersteunt.

if(typeof FormData !== 'undefined')
   ...

Firefox 43.0.3

[size=xsmall]Toevoeging op 06/01/2016 10:40:17:[/size]

@DavY

Als ik op die site van die link op de button click zie ik niks gebeuren.

And here's the live result:

Button: Click me

Kleine voorbeeld met XMLHttpRequests():

https://gist.github.com/ebidel/2410898

Probeer maar met de code te 'puzzelen', dan kom je er vast wel uit.

Thanks.

Maar dat is ook weer met FormData() en op de een of andere manier werkt dat hier blijkbaar niet.

Als ik zo lees moet jouw FireFox het ondersteunen. Als dit niet het geval is, lijkt me toch iets mis met je Firefox-installatie? Misschien een vreemde add-on die iets blokkeert?

Hm apart.. Het is zowel met FormData en XMLHttpRequests(). Ik heb hetzelfde versie firefox en het werkt hier prima.