HTML5 드래그 앤 드롭 콘텐츠 유형?

드롭 영역에 드롭되는 데이터의 내용이나 유형을 알아야합니다. 선택한 텍스트 또는 파일 인 경우. 확장명을 알 수있는 파일은 있지만 텍스트 나 파일인지 구분할 수 없습니다. 이마 JS noob.HTML5 드래그 앤 드롭 콘텐츠 유형?

출처

2012-06-22 Michael Rhema

실제로 선택한 텍스트를 삭제할 수 없습니다. 컨테이너를에 드롭 할 수 있습니다.

어쨌든, 정확히 무엇이 필요한지 구체적으로 설명해야합니다.

html5 끌어서 놓기를 사용하는 경우 드롭 이벤트 수신자가받을 텍스트 데이터를 보낼 수 있습니다. 예를 들어 드래그 한 요소의 객체 유형을 전달할 수 있으므로 나중에 사용할 수 있습니다.

출처

2012-06-23 00:10:26 Sebas

text = e.dataTransfer.getData ('Text'); \t \t if (파일 === null || 파일 === 정의되지 않음) { \t \t \t opts.error (errors [0]); \t \t \t false를 반환합니다. \t \t} \t \t 경우 (대해서 typeof 텍스트 == "문자열") { \t \t \t $ ('previewBox.') HTML (e.dataTransfer.getData ('텍스트')).; \t \t \t console.log (e.dataTransfer.getData ('Text'))); \t \t \t \t \t} –

Srry는 e.dataTransfer.getData 정말 내가 확인하는 데 필요한 모든했다. 그러나 위의 코드는 작동하지 않을 것이다. 그 .getData ('Text')가 비어 있는지 여부와 같은지 확인하십시오. 필자는 text.lenght> 0과 같이 텍스트의 lenght 속성을 사용해 보았지만 여전히 작동하지 않았습니다. –

getData ("text") 결과는 이미지 내용을 전달한 경우에도 항상 문자열입니다. – Sebas

HTML5 드래그 앤 드롭 콘텐츠 유형?

답변

관련 문제