从valum fileuploader中删除拖放

Question

嘿，伙计们，在我最近的项目中，我使用了valum文件上传器进行基于ajax的文件上传，因为我发现它最符合我的要求，但现在我被困在一个点上，那就是我想删除拖放功能，我已经在互联网上搜索了几个小时，但没有找到任何有用的东西。有什么方法可以从插件中删除这个部分吗？以下是我的代码

uploader = new qq.FileUploader({
        element:        $('#file-uploader')[0],
        action:         base_url + 'assets/scripts/server-side/server-side-uploader.php',
        debug:          true,
    });

Answer 1

您可以在没有拖放部分的情况下定义自己的模板，例如我有：

template: '<div class="qq-uploader">' +
                '<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' +
                '<div class="qq-upload-button">Upload Proof</div>' +
                '<ul class="qq-upload-list"></ul>' +
             '</div>',

从模板中删除以下行以禁用拖放功能

'<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' +

Answer 2

我不能同意这个问题的公认答案。删除行的情况下

'<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' +  

qq uploader提供了throw new error('element not found ' + type)，所以这并不是确定的解决方案--没有人想在页面上看到javascript错误(至少我是这样)。

我认为，摆脱拖放区域的最简单方法是用css隐藏div：

.qq-upload-drop-area {
    display: none;
}

这对我来说很好。没有错误，没有div块。

Answer 3

var uploader = new qq.FileUploader({
....
});

qq.attach(document, 'dragenter', function(e) {
    $('.qq-upload-drop-area').hide();
});