Jak mogę sprawdzić liczbę plików wybranych za pomocą programu Fine Uploader?

Question

Używam ręcznego przesyłania za pomocą programu Fine Uploader. Teraz chcę sprawdzić, czy plik został wybrany, czy nie.

$(document).ready(function() { 
    var fineuploader = new qq.FineUploader({ 
     element: $('#fine-uploader')[0], 
     request: { 
      endpoint: '<?php echo site_url('pl_items/upload_images');?>' 
     }, 
     multiple: true, 
     autoUpload: false, 
     onLeave: false, 
     validation: { 
      allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'], 
      sizeLimit: 5120000 // 50 kB = 50 * 1024 bytes 
     }, 
     text: { 
      uploadButton: '<i class="icon-plus icon-white"></i> Select Files' 
     }, 
     template: '<div class="qq-uploader">' + 
        '<pre class="qq-upload-drop-area"><span>{dragZoneText}</span></pre>' + 
        '<div class="qq-upload-button btn btn-danger">{uploadButtonText}</div>' + 
        '<div class="qq-drop-processing span1"><span>{dropProcessingText}</span><span class="qq-drop-processing-spinner"></span></div>' + 
        '<div><ul class="qq-upload-list"></ul></div>' + 
        '</div>', 
     callbacks: { 
      onComplete: function(id, name, response) { 
       $('#frmDetails').append('<input type="hidden" name="pl_item_images[]" value="'+response.file_name+'">'); 
       //$("#frmDetails").submit(); 
      } 
     }, 
    }); 

    $('#submit_button').click(function() { 
     fineuploader.uploadStoredFiles(); 
    }); 
}); 

Answer 1

Ponieważ nie odpowiedział na moje pytanie, po prostu założyć, że chcesz sprawdzić, czy plik został wybrany przed wywołaniem uploadStoredFiles w click obsługi.

To naprawdę bardzo proste. Po prostu skorzystaj z metody API getUploads. Na przykład, można zmienić kliknij obsługi wyglądać następująco:

$('#submit_button').click(function() { 
    var submittedFileCount = fineuploader.getUploads({status: qq.status.SUBMITTED}).length; 

    if (submittedFileCouunt > 0) { 
     fineuploader.uploadStoredFiles(); 
    } 
}); 

kilka rzeczy:

• Nie ma opcji onLeave. Powinieneś usunąć to ze swojego kodu.
• Opcja jest ustawiona na wartość true. Możesz usunąć to również ze swojego kodu.
• Już używasz jQuery. Dlaczego nie używasz wtyczki Fine Uploader jQuery? Instrukcje znajdują się w dokumentacji.