Information Technology Reference
In-Depth Information
http://html5.komplett.cc/code/chap_global/extract_exif.html
»
http://html5.komplett.cc/code/chap_global/extract_exif.js
»
http://html5.komplett.cc/code/chap_global/extract_exif.css
»
http://html5.komplett.cc/code/chap_global/lib/exif.js
»
http://html5.komplett.cc/code/chap_global/images/senderstal.jpg
»
Abbildung 12.4:
Drag&Drop in Kombination mit der »FileAPI«
Beginnen wir mit dem Vorbereiten der Drop-Zone. Sie ist im Screenshot von
Abbildung 12.4 im rechten Bereich erkennbar und besteht aus dem Unicode-
Zeichen
PREVIOUS PAGE
(
⎗
), einigen CSS-Format-Anweisungen sowie
den Event-Listener-Attributen, die für Drag&Drop nötig sind.
<div ondragenter="return false;"
ondragover="return false;"
ondrop="drop(event)">⎗</div>
Sobald ein Bild vom Desktop in diesen Bereich gezogen wird, kann in der Call-
back-Funktion
drop()
über das
dataTransfer
-Objekt auf das abgelegte Bild zu-
gegriffen werden.