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