Blueimp's jQuery-File-Upload Drugi problem z przesyłaniem plików

Question

Używam wtyczki jpuery BlueQp (wersja podstawowa) i mam problem. Przesyłanie pierwszego pliku działa zgodnie z oczekiwaniami, ale gdy chcę wysłać inny plik, to nie działa.

fileinput.fileupload({ 
      dataType: 'json', 
      done: function (e, data) { 
       $.each(data.result.files, function (index, file) { 
        //do stuff with files 
       }); 
      } 
     }).bind('fileuploadadd', function (e, data) { 
      data.context = $('<p/>').text('Uploading...').appendTo(document.body); 
      data.submit(); 

     }); 

EDIT:

Ok wiem, co jest przyczyną problemu. Ale nie wiem, jak to naprawić. Użyłem wtyczki fileupload na wejściu, które ustawiło brak wyświetlania. Wywołuję go innym przyciskiem, który wykorzystuje metodę click()/trigger ("kliknięcie") na ukrytych danych wejściowych. pierwszy trigger działa dobrze, ale drugi uruchamia okno wyboru pliku. Po wybraniu nic się nie dzieje. Kiedy używam pola wejściowego bezpośrednio, działa tak, jak powinien. Jak pokonać ten problem?

Answer 1

Problem pojawia się, ponieważ jQuery File-Upload klon i zastąpić pole wprowadzania po każdym przesyłania (docs) .

Wyzwalanie zdarzenia click na starym znaczniku wejściowym pliku, który nie działa.

Aby rozwiązać ten problem masz co najmniej dwie opcje:

1. wyzwalania click zdarzenia na nowy plik-wejście po każdym blueimp add wydarzenie.

2. Użyj replaceFileInput: false na konfiguracji wtyczki (w niektórych przeglądarkach będzie to ulegało degradacji w przypadku UX-a). (docs)

Answer 2

trudno jest odpowiedzieć, ponieważ nie ma wystarczająco dużo informacji, ale coś takiego może działać:

function test() { 

    fileinput.fileupload({ 
     dataType: 'json', 
     done: function (e, data) { 
      $.each(data.result.files, function (index, file) { 
       //do stuff with files 
      }); 
     } 
    }).bind('fileuploadadd', function (e, data) { 
     data.context = $('<p/>').text('Uploading...').appendTo(document.body); 
     data.submit(); 
     test(); 
    }); 

} 

test();