드래그 앤 드롭으로 파이어 폭스로 작업하기

Question

#dropzone으로 드래그 된 이미지 소스를 보여주는 경고 상자를 표시하고 싶습니다.

내가 여기서 잘못하고있는 것을 누구든지 볼 수 있습니까?

<img src="http://upload.wikimedia.org/wikipedia/en/5/53/Arsenal_FC.svg" alt="arsenal"> 
<div id="dropzone"></div> 

<script> 
var drop = document.getElementById(‘dropzone’); 

drop.ondrop = function (event) { 
    window.alert(event.dataTransfer.getData(‘Text’)); 
    return false; 
}; 

drop.ondragover = function() { return false; }; 
drop.ondragenter = function() { return false; }; 
</script> 

Answer 1

몇 가지 아이디어가 :

1. 당신이 따옴표를 수정하지 않고, 일부 웹 사이트에서이 코드를 복사 한 것으로 보인다. ‘dropzone’은 'dropzone'
2. 이어야하며 콘텐츠가없는 Div는 실제로 보이지 않습니다. 높이와 너비에 맞는 CSS 스타일이 있습니까?
3. 는 event.dataTransfer.files[0].fileName

Answer 2

대부분의 웹 브라우저와 같은 것을 사용한다 파일 이름을 떨어 이벤트를 드롭 잡을 수 있도록 의 dragEnter 및 로 dragOver에 기본 동작을 방지하기 위해 하나가 필요 얻을 수 있습니다.

drop.ondragover = function (ev) { 
    ev.preventDefault(); 
    return false; 
}; 
drop.ondragenter = function (ev) { 
    ev.preventDefault(); 
    return false; 
};