Originally Posted by devnull69
The answer is quite easy ... and quite devastating. You cannot send the content of an input element of type="file" using jQuery Ajax methods.
- Use regular form submit
- Check the File API together with XMLHttpRequest level 2 (both not supported by all browsers yet)
- Flash fallback solutions (e.g. uploadify)
Actually the only browsers that don't support the File API are IE9, Safari 5.x, Opera 10.x, and Firefox 3.x. I.e all old browser versions. As for XHR2 support (file uploading in this case), only IE9, and Opera 11.x and below don't support it. So pretty good support.
And yeah the FormData object would be the OP's best bet.