Skip to content

Instantly share code, notes, and snippets.

@lloyd

lloyd/gist:185408

Created September 11, 2009 16:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save lloyd/185408 to your computer and use it in GitHub Desktop.
Save lloyd/185408 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.htm
<html>
<head>
<script>
function dodragenter(event)
{
document.getElementById("output").textContent = "Drop it! I dare you!";
}
function dodragleave(event)
{
document.getElementById("output").textContent = "";
}
function dodrop(event)
{
var files = event.dataTransfer.files;
var uris = event.dataTransfer.getData("text/uri-list").split("\n");
var msg;
msg = "File Count: " + files.length + "\n";
for (var i = 0; i < files.length; i++) {
msg += (" File " + i + ":\n");
msg += ("\tfileData.fileName: " + files[i].fileName + ", fileData.fileSize: " + files[i].fileSize + "\n");
msg += ("\turi: " + uris[i] + "\n");
msg += "\n";
}
document.getElementById("output").textContent = msg;
}
</script>
</head>
<body>
<div id="output" style="min-height: 100px; white-space: pre; border: 1px solid black;"
ondragenter="event.stopPropagation(); event.preventDefault(); dodragenter(event);"
ondragover="event.stopPropagation(); event.preventDefault();"
ondrop="event.stopPropagation(); event.preventDefault(); dodrop(event);"
ondragleave="dodragleave(event)">
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment