[JavaScript] Fine Uploader - Inputfelder hinzufügen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von SoulOfRussia, 13. Dezember 2012 .

  1. 13. Dezember 2012
    Zuletzt bearbeitet: 13. Dezember 2012
    Fine Uploader - Inputfelder hinzufügen

    Hi, neuer Tag, neues Problem...

    ich nutze gerade den "Fine Uploader" um mehrer Bilder gleichzeitig hochladen zu können. Mit Fortschrittsanzeige und all dem Zeug...
    Der Uploader basiert auf JQuery aber ich weiß einfach nicht weiter ...

    Ich muss unbedingt ein <option> Feld mit übergeben... aber ich finde weder in der Doku noch irgendwo im Internet irgendwas brauchbares...
    Was ich gefunden habe ist das: Google Discussiegroepen aber ich hab kein Peil wie ich das auf meinen Code übersetzen soll...

    HTML:
     <div id="selectfield" style="display:none">
     <select name='select_bla' class='admin_input'>
     <option>1</option>
     <option>2</option>
     </select>
     </div>
     
     <div id="triggerUpload" class="btn btn-primary" style="margin-top: 10px;">
     <i class="icon-upload icon-white" style="padding:10px; background:#00F; width:85px; display:block;">LOAD IT UP, *****!</i>
     </div>
     <div id="thumbnail-fine-uploader"></div>
    
     <script>
     $(document).ready(function() {
     var manualuploader = new qq.FineUploader({
     element: $('#thumbnail-fine-uploader')[0],
     request: {
     endpoint: 'client/upload.php'
     },
     multiple: true,
     autoUpload: false,
     validation: {
     allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
     sizeLimit: 10485760 // 10MB
     },
     debug: true
     }); 
     
     $('#triggerUpload').click(function() {
     manualuploader.uploadStoredFiles();
     });
     });
     </script>
    
    
    im upload.php werden dann die Bilder in den richtigen Ordner verschoben... "Fein Uploader" setzt die in die $_GET['ppfile'] Variable...

    so hab ich es auch schon probiert:
    HTML:
     [...]
     <script>
     $(document).ready(function() {
     var manualuploader = new qq.FineUploader({
     element: $('#thumbnail-fine-uploader')[0],
     request: {
     endpoint: 'client/upload.php?blabla=' + $("[name=select_bla] option:selected").val();
     },
     multiple: true,
     [...]
    
    
    brachte ebenfalls nichts... ausser immer den ersten Wert der <options>

    Gruß, Roman


    Edit: achja, schwieriger ist es noch dadurch, das das <select name="selectfield"> dynamic erzeugt wird und das ganze erst mit .live() im DOM aktualisiert werden muss...
     
  2. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.