qq.FileUploader:取消提交

时间:2011-06-22 18:46:31

标签: jquery file-upload ajax-upload

我正在使用插件qq.FileUploader

在提交文件之前,我想知道是否已经上传了具有相同名称的文件。

我正在使用此代码:

var uploader = new qq.FileUploader({
        element: document.getElementById('file-uploader-requestDocuments'),
        action: '<%: Url.Action("Create", "RequestDocument") %>',
        params: { id: $('#RequestTempUploadFolderID').val() },
        sizeLimit: 10520000,
        onSubmit: function (id, fileName)
            $('#file-uploader-requestDocuments').find('.qq-upload-file').each(function () {
                if ($(this).text() == fileName) {
                    return false;
                return true;
            });
        }
    });

返回false是正确的,但它不会停止提交!

如何停止文件上传,还有更好的方法来上传文件?

1 个答案:

答案 0 :(得分:5)

如何在服务器端进行检查?!并在AJAX中返回响应,以获取重复的文件名?!

修改

如果您的服务器回复此信息:

{"success":"false", "errorMessage":"File name is duplicate!"}

你可以拥有那个JS代码:

var uploader = new qq.FileUploader({
        element: document.getElementById('file-uploader-requestDocuments'),
        action: '<%: Url.Action("Create", "RequestDocument") %>',
        params: { id: $('#RequestTempUploadFolderID').val() },
        sizeLimit: 10520000,
        onComplete: function(id, fileName, responseJSON){
            if(!responseJSON.success){alert(responseJSON.errorMessage);}
        }
    });