Ive made a simple drag n drop feature in Javascript. It work very well but only on Opera, Safari or Chrome. But in Firefox and IE it wont. Please can anyone help me?
The main thing is that I need to assign the dropped file to a File Input.
The source code:
var file_drop = document.getElementById('...');
var dOver = function(evt) {
evt.stopPropagation();
evt.preventDefault();
evt.dataTransfer.dropEffect = 'copy';
}
var dEnd = function(evt) {
...
}
var dLeave = function(evt) {
...
}
var dDrop = function(evt) {
evt.stopPropagation();
evt.preventDefault();
temp_file = evt.dataTransfer.files;
document.getElementById('file-select').files = temp_file;
}
file_drop.addEventListener('dragover', dOver, false);
file_drop.addEventListener('dragend', dEnd, false);
file_drop.addEventListener('dragleave', dLeave, false);
file_drop.addEventListener('drop', dDrop, false);
Anyone can help me? What do I wrong? :/
