How To Upload By Ajax Post Serialize

I have form upload:

Solution 1:

You don't need to serialize the form. Instead you should send an instance of the FormData class.

        $("form").submit(function(event) {
            event.preventDefault();

            var data = newFormData($(this)[0]);

            $.ajax({
                // Note: to access both $_POST and $_FILES you should set these to false
                processData : false,
                contentType : false,

                url : "/php-script.php",
                data : data,
                success : function(response){
                    console.log(response);
                }
            });
        });

That's a very common technique to send files via AJAX using jquery.

Share

You may like these posts

• 
  I Want A Pagination To My Options Page Of Wordpress Plugin?
• 
  How To Add A Text Box With The Reference Count Retrieved In The Database Using Javascript?
• 
  Best Way To Pass Data From Php To Javascript For My Particular Case
• 
  Issues With Javascript Validation Of Radio Buttons On Php Form