如果图像是从另一个标签拖动的,我该怎么读?

时间:2016-06-23 07:43:06

标签: javascript html5

我发现,在从另一个浏览器标签(dropbox,google图像)拖动时,可以读取文件(在我的情况下是图像)。 读取从桌面拖出的文件并不困难;但是在浏览器选项卡的情况下,drop函数中的event-object为空。 有什么意义,我怎样才能获得图像数据?

1 个答案:

答案 0 :(得分:0)

知道了。我们将id =“dropbox”添加到我们的容器中。所以,解决方案是:

$('#dropbox').on("drop", function(e){
    e.stopPropagation();
    e.preventDefault();
    var dt = e.originalEvent.dataTransfer,
        files = dt.files;
    if(files.length > 0){
        // process files
    }
    else{
        var img = $(dt.getData('text/html'));
        if(img.is('img')){
            console.log( img.attr('src') );
        }
    }
});