How to upload an image to MySql DB using ajax......?

Question

I have a form with three input's including image file. When i submit my form with "form action="upload.php" it works fine. But when i try to do it in ajax it shows me "THERE IS NO RESPONSE". Could anyone tell me how to do it.....?

ajax Code:

//
$('#uploadForm').submit(function(e)
{
    e.preventDefault();
    $.ajax(
    {
        url: url+'images/ajaxupload.php',
        jsonp: "callback",
        dataType: "jsonp",
        method: 'post',
        data: $('#uploadForm').serialize(),
        success: function(){
           alert('Image Uploaded');
        }

    });
}); 
//

Use jquery plugin like this: blueimp.github.io/jQuery-File-Upload — Indrasinh Bihola
– Indrasinh Bihola, Commented Sep 24, 2014 at 6:20

DeDevelopers · Accepted Answer · 2014-09-24 06:19:26Z

1

Are you using

 enctype="multipart/form-data"

in form tag... because if you do not use this.. your file input value will not be submitted to next page...

answered Sep 24, 2014 at 6:19

DeDevelopers

5911 gold badge7 silver badges26 bronze badges

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

3 Comments

Gopalakrishnan Over a year ago

Yes......... I found that it is a "CROSS DOMAIN (CORS)" problem....could u tell me how to resolve it.....?

DeDevelopers Over a year ago

There is a method in ajax "crossDomain: true"... use this and than let me know if this helps or not?

Gopalakrishnan Over a year ago

i've tried to submit my form by ajax on "on change" by calling a function "upload_image(){ ajax for submitting form }"....this also gives me cross domain error....

Collectives™ on Stack Overflow

How to upload an image to MySql DB using ajax......?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related