Javascript 禁用jQuery文件上载的拖放功能

我在页面上使用ajax文件上传器。

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

我添加了验证来检查两个文件上传器中的文件类型，但是当我在文件上传器上拖放resume时，它将捕获图像上传器事件

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

这是我的密码

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

谢谢，

---

Faisal Nasir

您可以通过将

dropZone

选项设置为

null

来禁用拖放功能

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

---

我认为文件选择对话框的UI不受Javascript的控制。我认为这是一样的，它将禁用所有文件上传控件。我的问题是禁用其中一个，因为我有两个文件上载控件。