+ var target_form = document.getElementById('simpleupload-form'),
+ target_ul = document.getElementById('simpleupload-ul'),
+ target_input = document.getElementById('simpleupload-input');
+
+ target_form.addEventListener('dragover', function (event) {
+ event.preventDefault();
+ }, false);
+
+ function AddFileLi (name, info) {
+ target_form.style.display = 'none';
+
+ var new_li = document.createElement('li');
+ new_li.className = 'uploading';
+
+ var new_a = document.createElement('a');
+ new_a.innerHTML = name;
+ new_li.appendChild(new_a);
+
+ var new_span = document.createElement('span');
+ new_span.innerHTML = info;
+ new_a.appendChild(new_span);
+
+ target_ul.insertBefore(new_li, target_ul.firstChild);
+ }
+
+ function HandleFiles (event) {
+ event.preventDefault();
+
+ var i = 0,
+ files = event.dataTransfer.files,
+ len = files.length;
+
+ var form = new FormData();
+
+ for (; i < len; i++) {
+ form.append('file[]', files[i]);
+ AddFileLi(files[i].name, files[i].size + ' bytes');
+ }
+
+ var xhr = new XMLHttpRequest();
+ xhr.onload = function() {
+ window.location.reload();
+ };
+
+ xhr.open('post', '<?php echo $data['scriptname']; ?>', true);
+ xhr.send(form);
+ }
+
+ target_form.addEventListener('drop', HandleFiles, false);
+
+ document.getElementById('simpleupload-input').onchange = function () {
+ AddFileLi('Uploading...', '');
+ target_form.submit();