从桌面上传文件时使用jQuery的。

是否有可能使用jQuery的.on（“drop”）事件从桌面上拖动文件？ 如果是这样，我怎么得到下降的文件信息？

任何帮助非常感谢。

Answer 1

这有点乱（你至less需要处理3个事件），但是可能的。

首先，你需要为dragover和dragenter添加eventhandlers，并阻止这些事件的默认行为：

 $('#div').on( 'dragover', function(e) { e.preventDefault(); e.stopPropagation(); } ) $('#div').on( 'dragenter', function(e) { e.preventDefault(); e.stopPropagation(); } ) 

然后，您可以添加拖放处理程序并使用e.originalEvent.dataTransfer.files访问拖放的文件：

 $('#div').on( 'drop', function(e){ if(e.originalEvent.dataTransfer){ if(e.originalEvent.dataTransfer.files.length) { e.preventDefault(); e.stopPropagation(); /*UPLOAD FILES HERE*/ upload(e.originalEvent.dataTransfer.files); } } } ); 

现在你可以从div中的桌面/资源pipe理器/查找器中拖动文件并访问它们。

http://jsfiddle.net/fSA4N/5/