how to find the file inside input element html using jquery

Question

i was trying to upload a file via $.ajax call using jQuery.. and formData

in order to append the file to the formData i did the following:

var fd = new formData();
fd.append($('#myFileInput));

that failed

then i tried :

var fd = new formData();
fd.append($('#myFileInput).files[0]);

and again it failed then i tried:

var fd = new formData();
fd.append($('#myFileInput')[0].files[0]);

and that really worked and i could send my file to the server..

my question is:

why should I use the [0] next to the jquery object representing my file input element.. ?? notice that i didn't use the "multiple" attribute for the file input

sorry for that typo... but it wasn't missing the closing in the origional code — stackunderflow
– stackunderflow, Commented Mar 11, 2014 at 7:47
and was it $('myFileInput') or $('.myFileInput') ? Notice the . — Kyo
– Kyo, Commented Mar 11, 2014 at 7:50

Kyo · Accepted Answer · 2014-03-11 08:00:02Z

2

$('selector') returns a jQuery object, and "files" attribute belongs to the DOM object, thus you will need to retrieve the DOM object via $('selector')[0] or $('selector').get(0).

answered Mar 11, 2014 at 8:00

Kyo

9645 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to find the file inside input element html using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related