如何提醒有关文件上传(使用ajax)完成的消息?

时间:2014-11-26 07:11:31

标签: javascript jquery ajax file-upload

我使用以下表格上传文件:

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

并按照ajax将内容发送到服务器。

$('.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");
}

我看到警报&#34;成功&#34;只要我点击按钮。预期结果 - 只要文件将加载到服务器上,就会看到此消息。

我错了什么?

1 个答案:

答案 0 :(得分:1)

您应首先阅读来自here的ajax文档

上传完成后,它应该有一条返回消息,例如“upload complete”,这条消息应该在你的ajax函数中处理,如:

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