qq.FileUploader:取消提交

FRO*_*FRO 4 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;
            });
        }
    });
Run Code Online (Sandbox Code Playgroud)

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

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

Art*_*ves 5

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

编辑

如果您的服务器响应此:

{"success":"false", "errorMessage":"File name is duplicate!"}
Run Code Online (Sandbox Code Playgroud)

你可以拥有那个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);}
        }
    });
Run Code Online (Sandbox Code Playgroud)