How to alert message about file upload(using ajax) completition?

Question

I use following form to file upload:

<form method="POST"  action="uploadImage" enctype="multipart/form-data" id="imageUploadForm">
               <input type="file" class="file" name="file"/>
</form>

and following ajax to send content to server.

$('.file').click(function(){
    var formData = new FormData($('#imageUploadForm')[0]);
    $.ajax({
        url: 'uploadImage',  //Server script to process data
        type: 'POST',
        success: alertSucces,
        data: formData,
        cache: false,
        contentType: false,
        processData: false
    });
});

function alertSucces(){
    alert("success");
}

I see alert "success" as soon as I clicked on button. Expected result - see this message as soon as file will load on server.

What do I wrong?

Refer: stackoverflow.com/questions/8840257/…

Vageesh Bhasin
– Vageesh Bhasin

2014-11-26 07:14:53 +00:00
Commented Nov 26, 2014 at 7:14 — Vageesh Bhasin
– Vageesh Bhasin, Commented Nov 26, 2014 at 7:14

Kin Chan · Accepted Answer · 2014-11-26 07:22:02Z

1

You should read about ajax document from here first

After the upload is finished it should have a return message like "upload complete" and this message should be handled in your ajax function like :

success : function(data){
 if(data == "upload complete"){
  alert("success");
 }
}

answered Nov 26, 2014 at 7:22

Kin Chan

292 bronze badges

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

Collectives™ on Stack Overflow

How to alert message about file upload(using ajax) completition?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related