ASP.NET MVC: jQuery Post and files

Question

I have a simple form with some text inputs and a file input. I do not send it directly with a post, but I read each value of the text inputs with jQuery, compose a $.post request and send it to the server.

How can I do the same with a file <input type = "file" />? I mean, sending it via ajax to a ASP.NET MVC page?

Thanks in advance

This has been asked a few times. Check out stackoverflow.com/questions/166221/how-to-upload-file-jquery — womp
– womp, Commented Aug 5, 2009 at 16:57

Community · Accepted Answer · 2017-05-23 10:33:04Z

4

You cannot use an xhr request to upload a file.

You have two options. Use an iframe or use a flash uploader.

See this similar question & answers.

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Aug 5, 2009 at 16:57

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

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

Comments

James S · Accepted Answer · 2009-08-05 16:57:39Z

3

You can't. That would require javascript being able to read the file from your hard drive and send it to the website... the browser security model wouldn't allow for it.

You can do some javascript DOM trickery where have the file element in an iframe and use javascript to submit the form -- this is what google does with gmail. There are also flash methods of doing this.

James

answered Aug 5, 2009 at 16:57

James S

3,38425 silver badges27 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC: jQuery Post and files

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related