Explore our sites

Stack Exchange
tour help careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

I am wondering if this is possible or not(if not any suggestions).

I have an asp.net mvc 3 site that will have a form with many fields. This form will be submitted by ajax through jquery library.

I want to allow the user to upload one image. I know there are uploaders for jquery that I can use but from what I seen is they got their own upload button.

I am wondering if it is possible to have they select the image but not upload. They then hit the submit button and then everything gets submitted in one go.

Or do I have to first specially upload the image and store it in a session or something then when they submit the form put everything together and do whatever is needed?

share|improve this question
2  
This is not that easy to handle Ajax File Upload. The plugins use IFRAME to do that job. These are great ones: valums.com/ajax-upload and jquery.malsup.com/form/#file-upload. –  Eliseu Monar Dec 16 '11 at 22:17
 
what would my view-model datatype be?. I will try the 2nd one out as it seems to do the same thing as jquery.serializeArray() does. –  chobo2 Dec 16 '11 at 22:21
 
Here you can see a simple example: haacked.com/archive/2010/07/16/…. Hey, when you finish the upload part, don't forget to give the user some feedbacks about what's happening, like showing a loading image and disabling the Send button (it's very important to avoid server congestion). –  Eliseu Monar Dec 16 '11 at 22:29
 
jquery.malsup.com/form/#getting-started jQuery form plugin is the best way!! –  Praveen Prasad Dec 16 '11 at 22:32
 
I was looking in malsup form plugin. I am wondering do you know if I just use the formSerialize option if that will work with uploading. I am actually using another plugin called ajaxmanager and if I use ajaxSubmit(). I don't think I will be able to use that plugin. –  chobo2 Dec 16 '11 at 22:34
add comment

1 Answer

up vote 0 down vote accepted

There is no direct way if you are using FileUpload and Ajax together. There are several plug-in available for this. 1.Uploadify 2.jQuery Form Plugin Hope this information help you. If you still want to do normal way than wait until HTML5 become popular.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.