How to get the "value" of a upload input with jQuery

Question

I know that this sends stuff to a php file and gets stuff returned from the php file as javascript:

 $.ajax({
   type: "POST",
   url: "phpfile",
   cache: false,
   data: datahere,
   dataType: "script"
 });

But... suppose "datahere" is a file from a input file element. How am I supposed to get the value or data from that upload input file element?

Nathan · Accepted Answer · 2011-07-31 22:18:58Z

3

Those are some AJAX file upload plugins. They might be what you need.

answered Jul 31, 2011 at 22:18

Nathan

12k11 gold badges54 silver badges94 bronze badges

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

Comments

Steve Robbins · Accepted Answer · 2011-07-31 22:21:50Z

1

 $.ajax({
   type: "POST",
   url: "phpfile",
   cache: false,
   data: $('.thisInput').val(),
   dataType: "script"
 });

answered Jul 31, 2011 at 22:21

Steve Robbins

13.8k12 gold badges81 silver badges129 bronze badges

thanks for yuor reply imoda, but that will only send the url of the file... not the actual file itself

That's all you need to handle the form.