Within the pluploader, a file drop zone exists with the identifier dropFilesHere;
var uploader = new plupload.Uploader({
drop_element : "dropFilesHere",
/*...*/
});
If a user hovers a file over the drop zone, I want to customize it* (similar to Gmail file attachment).
*For instance:
.mouse_over{
border-width:5px border-style:dashed #808080;
}
Example:
What is the process for achieving this?
uploader.bind('Init', function(up, params) {
$('#filelist').html("<div>Current runtime: " + params.runtime + "</div>");
if(params.runtime === 'html5') {
$('#dropFilesHere').on({
"dragenter": function(){
$(this).addClass('mouse_over');
},
"dragleave drop": function(){
$(this).removeClass('mouse_over');
}
});
}
});