什么会导致drop事件无法在jquery.fileupload.js中触发?

时间:2017-07-05 19:08:52

标签: jquery file upload blueimp

我注意到在jquery.fileupload.js中,窗口小部件默认将放置区指定为整个文档。

options: {
    // The drop target element(s), by the default the complete document.
    // Set to null to disable drag & drop support:
    dropZone: $(document)
}

指定的drop zone元素附加了以下事件处理程序。

_initEventHandlers: function () {
    if (this._isXHRUpload(this.options)) {

        this._on(this.options.dropZone, { 
            dragover: this._onDragOver, 
            drop: this._onDrop, 
            // event.preventDefault() on dragenter is required for IE10+:
            dragenter: this._onDragEnter,
            // dragleave is not required, but added for completeness:
            dragleave: this._onDragLeave
        });
        this._on(this.options.pasteZone, {
            paste: this._onPaste
        });
    } 

我有一个站点,只要文件被放到页面上,就不会调用drop事件处理程序。 dragover事件触发但不是drop事件。 的问题: 有没有人知道什么会阻止掉落事件被解雇?

我应该注意,还有另一个脚本正在设置窗口小部件属性。在该脚本中,当文件仅被删除到文件输入元素上时,成功调用add回调。

$('#fileupload').fileupload({ 
    url: url,
    formData: {'_authenticator': $('#_authenticator').val()},
    dataType: 'json',
    autoUpload: false,
    maxChunkSize: parseInt($('#chunksize').attr('data'))
}).on('fileuploadadd', function (e, data) {
    // add file event code
}

我认为这些自定义代码中的任何一个都不一定会阻止dropzone的事件发生,但我希望听到任何人的想法。

谢谢。

0 个答案:

没有答案