Using .post() and enctype="multipart/form-data" form

Question

How do you use a $.post().serialize() to participate with a form that has a enctype="multipart/form-data" ?

Was reading the comment to the 3rd answerer here: Making an HTTP POST call with multipart/form-data using jQuery?

What is that referring to? I just need to submit it, i'm not trying to read the file client-side, but the server script doesn't seem to be reading the data properly.

Thanks.

Sudhir Bastakoti · Accepted Answer · 2011-12-14 12:01:55Z

1

You could some some plugin: http://www.phpletter.com/Our-Projects/AjaxFileUpload/

answered Dec 14, 2011 at 12:01

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

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

Comments

Somwang Souksavatd · Accepted Answer · 2014-06-15 14:28:51Z

$("#frmMember").submit(function(e){
e.preventDefault();
                        var formData = new FormData($(this)[0]);
                        $.ajax({
                            url: 'member/api/add',
                            type: 'POST',
                            dataType: 'json',
                            async: false,
                            cache: false,
                            contentType: false,
                            processData: false,
                            data: formData,
                            success: function(data){
                                if(data.status=="OK")
                                {
                                    alert(data.message);
                                    memberFormWindow.close();
                                } else {
                                    alert(data.message);
                                }
                            }
                        });
                    });

This work! try!

Mārtiņš Briedis · Accepted Answer · 2011-12-14 12:00:50Z

-3

You can't upload files via ajax.

You can try to fake the ajax-like upload using iframes, other methods, like java and flash uploaders.

answered Dec 14, 2011 at 12:00

Mārtiņš Briedis

17.8k5 gold badges59 silver badges78 bronze badges

2 Comments

Mārtiņš Briedis Over a year ago

If you are not uploading files, then why do you need that enctype? If you are trying to upload a file, then it is not possible.

Christian Over a year ago

Completely incorrect, check out this article, it solved the issue for me.

Collectives™ on Stack Overflow

Using .post() and enctype="multipart/form-data" form

3 Answers 3

Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Linked

Related