Javascript 拖放Html 5文件上载-防止加载

到目前为止，我有这个代码。我可以看到

dragenter

和

dragleave

事件，但是当我放下 文件，浏览器（Chrome或Firefox）只打开文件（图片），即使调用了

preventDefault（）

。有人看到错误吗？我应该换什么

$（函数（）{
var$box=$（“#ulbox”）；
$box.bind（“dragenter”，dragenter）；
$box.bind（“dragleave”，dragleave）；
$box.bind（“drop”，drop）；
功能疏水剂（evt）{
evt.stopPropagation（）；
evt.preventDefault（）；
控制台日志（“dragEnter…”）；
$（evt.target）.addClass（'over'）；
返回false；
}
函数dragLeave（evt）{
evt.stopPropagation（）；
evt.preventDefault（）；
log（“拖动左…”）；
$（evt.target）.removeClass（'over'）；
返回false；
}
功能下降（evt）{
evt.stopPropagation（）；
evt.preventDefault（）；
$（evt.target）.removeClass（'over'）；
var files=evt.originalEvent.dataTransfer.files；
如果（files.length>0）{
警惕（“放弃”）；
if（window.FormData！==未定义）{
var data=new FormData（）；
对于（i=0；i

删除 $box.bind（“dragleave”，dragleave）

添加以下内容： $box.bind（“dragover”，dragLeave）

---

它很有魅力

当我把图片放在虚线div之外而不是里面时，你知道如何防止浏览器打开图片吗？