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>

  • Sebastian Haugland
    Sebastian Haugland
    Member
    Member for: 4 years 8 months 20 days
    #1 by Sebastian Haugland May 20 ’15 at 12:24

    Anhy suggestions?

  • Dmitry Kozlov
    Dmitry Kozlov
    Admin
    Member for: 6 years 2 months 24 days
    #2 by Dmitry Kozlov May 20 ’15 at 05:27

    [#1]: I guess this is the same topic:

    http://forum.spform.com/forms-designer/drag-and-drop-attachment-2-31349/#msg3

Displaying 1 to 2 of 2 messages