Получить сообщение для всех загруженных изображений вместо для каждого из

Question

я отправить несколько изображений в сценарий Perl с помощью запроса AJAX

$("form#multiupload").submit(function(){ 

    var formData = new FormData($(this)[0]); 

    $.ajax({ 
     url: "/cgi-bin/upload_my_images.pl", 
     type:  'POST', 
     async:  false, 
     cache:  false, 
     contentType: false, 
     processData: false, 
     data:  formData, 
     success:  function (data) { 
      alert(data) 
     } 
    }); 

    return false; 
}); 

Я загрузки изображений на сервер с Perl

my @fh = $cgi->param("img"); 

foreach my $fh (@fh) { 

    my $uploaddir = 'somedir'; 
    my $serverFile = $uploaddir . "/" . (split(/[\\\/]/, $filename))[-1]; 
    my $buffer; 

    open(FILE, ">$serverFile") or die $!; 
    binmode FILE; 
    binmode $fh; 

    while (my $bytesread = read($fh, $buffer, 1024)) { 
     print FILE $buffer; 
    } 

    close(FILE); 
} 

Когда загрузка будет успешной, я получаю предупреждающее сообщение.

Можно ли получить сообщение, когда все изображения загружены успешно, или я должен загрузить каждое отдельное изображение с помощью своего собственного запроса AJAX?

Answer 1

Во-первых (и, самое главное) избавиться от async: false. Это ужасная практика использовать его, поскольку он блокирует поток пользовательского интерфейса. Если вы проверите консоль, вы увидите предупреждение браузера о том, что вы ее не используете.

Во-вторых, если вы хотите, чтобы отдельные сообщения о каждом загружаемом файле были отправлены, вам необходимо отправить их отдельно, поскольку событие progress работает только для запроса в целом.

Вы можете сделать это по-старому и отправить один запрос на загрузку, а затем отправить другие запросы каждые ~ 1сек для контроля за его прогрессом и проверить, какие загрузки файлов завершены, но это добавит дополнительную нагрузку ваш сервер и, честно говоря, уродливый ложе.

Answer 2

Я решил проблему так:

1. Я создать идентификатор сессии и отправить форму на сервер с помощью AJAX.
2. Скриншот perl загружает каждое изображение и выполняет некоторый процесс с ним. Впоследствии сценарий записывает в файл журнала (по имени sesseion id) статус процесса. После последнего цикла в журнал записывается флаг завершения.
3. С клиентской стороны я проверяю с помощью jquery .get() каждые 2 секунды содержимое файла журнала и записываю его в DOM. Если установлен флаг завершения, процесс будет отменен, и на сервер будет отправлен сигнал для удаления файла журнала.

Возможно, не самый лучший способ, но он работает отлично ...