javascript – 将文件拖放到区域 – 样式

2023年6月24日 187次阅读

有一个pluploader,它有一个文件放置区,它的id是dropFilesHere;

var uploader = new plupload.Uploader({
        drop_element : "dropFilesHere", 
        /*...*/
    });

如果用户在其上保存文件,我想在放置区域进行一些更改*(如gmail文件附件).

*例如：

.mouse_over{
    border-width:5px border-style:dashed #808080;
}

样品：

我怎样才能做到这一点？

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

最佳答案 如果初始化的运行时是html5,你可以尝试这样的事情：

// the runtime has been initialized :
var uploader = $(item).pluploadQueue();

if(uploader.runtime === 'html5') {
$('li.plupload_droptext').bind('dragenter', function() {
    $(this).css("border", "5px dashed #000000");
});

$('li.plupload_droptext').bind('dragleave', function() {
    $(this).css("border", "0px none");
});
}

在Chrome 18和Firefox 11上测试过.
希望这可以提供帮助.

我意识到另一个问题就是不允许掉落在掉落区之外……

点赞