| | |
| | | |
| | | /* ----- Uploader Anfang ----------*/ |
| | | |
| | | var idNr; |
| | | var dateien = new Array(); |
| | | var sendet = false; |
| | | |
| | | function fm_init_uploader() { |
| | | var dropzone = document.getElementById("dateien"); |
| | |
| | | }; |
| | | |
| | | dropzone.ondrop = function(event) { |
| | | console.log('drop ' + event.dataTransfer.files[0]); |
| | | event.stopPropagation(); |
| | | event.preventDefault(); |
| | | |
| | | var filesArray = event.dataTransfer.files; |
| | | for (var i=0; i<filesArray.length; i++) { |
| | | //sendFile(filesArray[i]); |
| | | var datei = new Datei(++idNr, filesArray[i]); |
| | | dateien.push(datei); |
| | | dateiListen(datei); |
| | | } |
| | | naechsteDatei(); |
| | | var fileList = event.dataTransfer.files; |
| | | for (var i=0; i<fileList.length; i++) { |
| | | dateien.push(fileList[i]); |
| | | } |
| | | sendFile(dateien.pop()); |
| | | }; |
| | | } |
| | | |
| | | function dateiListen(d) { |
| | | $('.ost').append(d.file.name); |
| | | } |
| | | |
| | | function naechsteDatei() { |
| | | if(!sendet && dateien.length > 0) { |
| | | sendFile(dateien.pop()); |
| | | } |
| | | } |
| | | |
| | | function sendFile(datei) { |
| | | |
| | | // Dateitabelle ergaenzen |
| | | /* |
| | | var elem = document.getElementById('dateitabelle'); |
| | | var tr = document.createElement('tr'); |
| | | var td = document.createElement('td'); |
| | | td.innerHTML = file.name; |
| | | tr.appendChild(td); |
| | | td = document.createElement('td'); |
| | | td.innerHTML = 'wird hochgeladen..'; |
| | | tr.appendChild(td); |
| | | elem.appendChild(tr); |
| | | */ |
| | | |
| | | //doNotImplemented(); |
| | | // Datei senden |
| | | var uri = "../api/upload"; // "../api/UploadFile"; //"/index.php"; |
| | | var uri = "../api/upload"; |
| | | var xhr = new XMLHttpRequest(); |
| | | var fd = new FormData(); |
| | | |
| | | sendet = true; |
| | | xhr.open("POST", uri, true); |
| | | xhr.onreadystatechange = function() { |
| | | if (xhr.readyState == 4 && xhr.status == 200) { |
| | | //var td = document.getElementById('dateizeile' + datei.nr); |
| | | // Handle response. |
| | | //td.innerHTML = 'hochladen beendet'; |
| | | //alert(xhr.responseText + ' ' + index); // handle response. |
| | | sendet = false; |
| | | //window.setTimeout(function() { |
| | | fm_get_list(pfad); |
| | | naechsteDatei(); |
| | | //}, 1000); |
| | | if(dateien.length > 0) { |
| | | sendFile(dateien.pop()); |
| | | } |
| | | } |
| | | }; |
| | | fd.append('dateiauswahlfeld', datei.file); |
| | | // Initiate a multipart/form-data upload |
| | | fd.append('dateiauswahlfeld', datei); |
| | | xhr.send(fd); |
| | | } |
| | | |
| | | function Datei (n, d) { |
| | | this.nr = n; |
| | | this.file = d; |
| | | } |
| | | |
| | | /* ----- Uploader Ende --------------- */ |