禁用jQuery-File-Upload的拖放功能

Question

我在我的页面上使用ajax文件上传器。https://github.com/blueimp/jQuery-File-Upload

我使用一个控件上传图像，另一个控件上传文件，这两个控件都在同一个页面上。

我已经在两个文件上传程序中添加了检查文件类型的验证，但是当我在我的文件上传程序上拖放简历时，它将捕获图像上传程序事件。

我想禁用图像上传器的拖放功能，这样当我拖动简历时它就不会触发。

这是我的代码，

$(function () {

        var userId = $("#CandidateProfile_user_id").val();    
        var url = 'index.php?r=fileUpload/uploadResume';
        $('#resumeUpload').fileupload({
            add: function(e, data) {
                var uploadErrors = [];
                var acceptFileTypes = /^document\/(doc|docx)$/i;

                var fileName = data.originalFiles[0].name;
                var fileExtension = fileName.split('.')[1];

                if(fileExtension.toLowerCase() != "doc" && fileExtension.toLowerCase() != "docx") {
                      uploadErrors.push('Not an accepted file type');
                }
//                if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
//                    uploadErrors.push('Not an accepted file type');
//                }
                if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 5000000) {
                    uploadErrors.push('Filesize is too big');
                }
                if(uploadErrors.length > 0) {
                    alert(uploadErrors.join("\n"));
                } else {
                    data.submit();
                }
        },
        url: url,
        dataType: 'json',
        formData: {userId : userId},       
        done: function (e,data) {

            onFileUploaded(data.result.fileName,data.result.filePath);

            //Update the pic
           // $("#userPic").attr('src',data.result.imagePath);

            //set the image name
           // $("#CandidateProfile_image_name").val(data.result.imageName);

            //console.log(data);
        },       
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');
});

谢谢，费萨尔·纳斯尔

Answer 1

您可以通过将dropZone选项设置为null来禁用拖放。

$('#resumeUpload').fileupload({
    dropZone: null,
    add: function(e, data) {