Drag and Drop files

rss

Posted by Sebastian Haugland - May 15 ’15 at 02:31

Hi See below - I found a script to drag and drop files but I miss the bit on how to attach the file as attachement - as you see its only promt the filename.... (and it does not work in iexplorer only chrome.)

 

<!DOCTYPE html>
<html>
<body>

<div id="file-drop" style="border:1px dashed black; height:300px; width:300px;">Drop files here!</div>
<script>
var file_drop = document.getElementById('file-drop');
file_drop.addEventListener(
'dragover',
function handleDragOver(evt) {
evt.stopPropagation()
evt.preventDefault()
evt.dataTransfer.dropEffect = 'copy'
},
false
)
file_drop.addEventListener(
'drop',
function(evt) {
evt.stopPropagation()
evt.preventDefault()
var files = evt.dataTransfer.files  // FileList object.
var file = files[0]                 // File     object.
var hh=prompt(file.name)
},
false
)
</script>


</body>
</html>

Displaying 1 to 4 of 4 messages