| | |
| | | |
| | | /* ----- 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) { |
| | | // 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) { |
| | | sendet = false; |
| | | fm_get_list(pfad); |
| | | naechsteDatei(); |
| | | 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 --------------- */ |
| | |
| | | fm_get_list(pfad); |
| | | } |
| | | |
| | | function fm_dateiwahl() { |
| | | function fm_dateiwahl(ev) { |
| | | var elem = this; |
| | | //console.log('dateiwahl nach click, event shift: ' + ev.shiftKey + ", event ctrl: " + ev.ctrlKey); |
| | | if(modus == 'kacheln') { |
| | | if($(elem).children(0).hasClass('fa-folder')) { |
| | | var ordner = $(elem).text().trim(); |
| | |
| | | } |
| | | fm_get_list(pfad); |
| | | } else if($(elem).children(0).hasClass('fa-file')) { |
| | | $('.datei-gewaehlt').removeClass('datei-gewaehlt'); |
| | | if(/*ev.shiftKey || */ ev.ctrlKey) { |
| | | // mehrere Dateien sollen gewaehlt werden |
| | | } else { |
| | | $('.datei-gewaehlt').removeClass('datei-gewaehlt'); |
| | | } |
| | | $(elem).children(0).addClass('datei-gewaehlt'); |
| | | } else { |
| | | //console.log('kein folder oder file...'); |
| | | } |
| | | } else { |
| | | if($(elem).find('.datei-elem').children(0).hasClass('fa-file-o')) { |
| | | $('.table-info').removeClass('table-info'); |
| | | if(/*ev.shiftKey || */ ev.ctrlKey) { |
| | | // mehrere Dateien sollen gewaehlt werden |
| | | } else { |
| | | $('.table-info').removeClass('table-info'); |
| | | } |
| | | $(elem).addClass('table-info'); |
| | | $('.datei-gewaehlt').removeClass('datei-gewaehlt'); |
| | | $(elem).find('.dateiname').addClass('datei-gewaehlt'); |