Uploadify 3.1 und zusätzliche Parameter
Erstellt von Arne | Erstellt in Software- & Webentwicklung | Am 02-07-2012
0
Momentan bastel ich “privat” gerade an einem etwas ausgefalleneren Filehosting Dienst, beziehungsweise der Anwendung dafür. Eine Kernfunktion ist, wer hätte es gedacht, das hochladen von Dateien.
Um das ganze hübsch und anwenderfreundlich zu gestalten habe ich mir zur Nutzung von Uploadify entschieden, dass Paket scheint mir bisher die beste Lösung für einen vernünftigen Filetransfter Client -> Server zu sein.
Nun war eine Herausforderung, dass beim Upload zusätzliche Informationen mit an das Backend geschickt werden. In alten Uploadify Versionen konnte man beim Erstellen es Objektes in den Settings zusätzlich einen Parameter “scriptData” angeben, ging leider in der v3.1 nicht. Die Lösung: Der Parameter schmipft sich jetzt “formData”.
Wie sieht das ganze aus?
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
$("#file_upload").uploadify({ 'swf': 'flash/uploadify.swf', 'uploader' : 'upload/do-upload', 'debug' : false, 'buttonText': 'Files auswählen', 'multi': true, 'method': 'POST', 'auto': false, 'width': 250, 'formData': {'more' : 'weitereDaten'}, 'queueSizeLimit' : 10, 'fileSizeLimit' : '100MB', 'cancelImg': 'img/uploadify-cancel.png', 'removeCompleted' : true, 'onUploadSuccess' : function(file, data, response) { $('#message').append(data); }, 'onUploadError' : function() { $('#message').html('<h2>Fehler beim Upload</h2>'); } }); |
Im Backend landet jetzt im $_POST Array der Key more! Möchte man das ganze jetzt dynamisch machen, würde es wie folgt klappen:
|
1 2 3 4 |
'onUploadStart' : function(file) { var test = $('#test').val(); // auslesen Text input $("#file_upload").uploadify('settings', 'formData', {'more' : test}); }, |
So würde beim Start des Uploads das entsprechende Feld ausgelesen und übertragen.
