diff --git a/jquery.filedrop.js b/jquery.filedrop.js index f144014..10c9a41 100644 --- a/jquery.filedrop.js +++ b/jquery.filedrop.js @@ -30,6 +30,7 @@ jQuery.event.props.push("dataTransfer"); var default_opts = { + fallback_trigger: '', fallback_id: '', url: '', refresh: 1000, @@ -72,7 +73,13 @@ files_count = 0, files; - $('#' + opts.fallback_id).css({ + var fallback_id = opts.fallback_id; + + if (typeof fallback_id == 'string') { + fallback_id = '#' + fallback_id; + } + + $(fallback_id).css({ display: 'none', width: 0, height: 0 @@ -81,11 +88,11 @@ this.on('drop', drop).on('dragstart', opts.dragStart).on('dragenter', dragEnter).on('dragover', dragOver).on('dragleave', dragLeave); $(document).on('drop', docDrop).on('dragenter', docEnter).on('dragover', docOver).on('dragleave', docLeave); - this.on('click', function(e){ - $('#' + opts.fallback_id).trigger(e); + $(opts.fallback_trigger || this).on('click', function(e){ + $(fallback_id).trigger(e); }); - $('#' + opts.fallback_id).change(function(e) { + $(fallback_id).change(function(e) { opts.drop(e); files = e.target.files; files_count = files.length;