uploadprogress

Thu Apr 9 00:34:13 MSD 2009

On Wed, 2009-04-08 at 13:14 -0400, Alexey Kovyrin wrote:
> Угу, тред длиной в неделю - абсолютно ниочем... Все есть в инете, но
> нет - надо клещами из комьюнити вытягивать...

Тред недельный - потому что письмо не отправилось изначально. Да и
вообще - тем кому сложно ответить - могут не отвечать. Я не вижу
проблемы в том, чтобы указать на ошибку или помочь тем, что знаю. И ни
от кого не требую на свои вопросы.

Если бы копи-пастом работало то, что в нете - то я бы и не спрашивал.
Например такой вариант 
<html>
<head>
<title>upload test</title>
<script language="javascript">
interval = null;

function openProgressBar() {
 /* generate random progress-id */
 uuid = "";
 for (i = 0; i < 32; i++) {
  uuid += Math.floor(Math.random() * 16).toString(16);
 }
 /* patch the form-action tag to include the progress-id */
 document.getElementById("upload").action="/upload.php?X-Progress-ID=" + uuid;

 /* call the progress-updater every 1000ms */
 interval = window.setInterval(
   function () {
     fetch(uuid);
   },
   1000
 );
}

function fetch(uuid) {
 req = new XMLHttpRequest();
 req.open("GET", "/progress", 1);
 req.setRequestHeader("X-Progress-ID", uuid);
 req.onreadystatechange = function () {
  if (req.readyState == 4) {
   if (req.status == 200) {
    /* poor-man JSON parser */
    var upload = eval(req.responseText);

    document.getElementById('tp').innerHTML = upload.state;

    /* change the width if the inner progress-bar */
    if (upload.state == 'done' || upload.state == 'uploading') {
     bar = document.getElementById('progressbar');
     w = 400 * upload.received / upload.size;
     bar.style.width = w + 'px';
    }
    /* we are done, stop the interval */
    if (upload.state == 'done') {
     window.clearTimeout(interval);
    }
   }
  }
 }
 req.send(null);
}
</script>
</head>

<body> <form id="upload" enctype="multipart/form-data" 
    action="/upload.php" method="post" 
    onsubmit="openProgressBar(); return true;">
  <input type="hidden" name="MAX_FILE_SIZE" value="30000000"  />
  <input name="userfile" type="file" label="fileupload" />
  <input type="submit" value="Send File" />
  </form>
<div>
   <div id="progress" style="width: 400px; border: 1px solid black">
    <div id="progressbar" 
       style="width: 1px; background-color: black; border: 1px solid white">
     &nbsp;
    </div>
   </div>
   <div id="tp">(progress)</div>
  </div>
</body>

Не работает (при загрузке надпись становится starting и все. В аксес логе нормальные записи
78.37.244.150 - - [09/Apr/2009:01:29:15 +0400] GET /progress HTTP/1.1 "200" 38 "http://test/" "Mozilla/5.0 (X11; U; Linux x86_64; ru; rv:1.9.0.7) G
ecko/2009031800 Gentoo Firefox/3.0.7" "-" "/progress?-" 0.000
78.37.244.150 - - [09/Apr/2009:01:29:16 +0400] GET /progress HTTP/1.1 "200" 38 "http://test/" "Mozilla/5.0 (X11; U; Linux x86_64; ru; rv:1.9.0.7) G
ecko/2009031800 Gentoo Firefox/3.0.7" "-" "/progress?-" 0.000
78.37.244.150 - - [09/Apr/2009:01:29:17 +0400] GET /progress HTTP/1.1 "200" 38 "http://test/" "Mozilla/5.0 (X11; U; Linux x86_64; ru; rv:1.9.0.7) G
ecko/2009031800 Gentoo Firefox/3.0.7" "-" "/progress?-" 0.000
78.37.244.150 - - [09/Apr/2009:01:29:18 +0400] GET /progress HTTP/1.1 "200" 38 "http://test/" "Mozilla/5.0 (X11; U; Linux x86_64; ru; rv:1.9.0.7) G
ecko/2009031800 Gentoo Firefox/3.0.7" "-" "/progress?-" 0.000
78.37.244.150 - - [09/Apr/2009:01:29:19 +0400] POST /upload.php?X-Progress-ID=9858362e2b8980af83ba81578fd565e1 HTTP/1.1 "200" 945 "http://auth.selfip.ru/" "M
ozilla/5.0 (X11; U; Linux x86_64; ru; rv:1.9.0.7) Gecko/2009031800 Gentoo Firefox/3.0.7" "-" "/upload.php?X-Progress-ID=9858362e2b8980af83ba81578fd565e1" 69.
458

Конфиг следующий 

в http {
upload_progress proxied 2m;}

далее конфиг сервера
server {                                                                                                                                               
  listen       80;                                                                                                                                   
  server_name _ *;
  index  index.php;
  root /home/test/www/;

  access_log  /home/test/logs/test/access_log main;
  error_log   /home/test/logs/test/error_log warn;

  include /etc/nginx/templates/generic.conf;

  location / {
    fastcgi_pass   unix:/var/tmp/php-fpm/test;
    fastcgi_index  upload.php;
    fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
    include        /etc/nginx/fastcgi_params;
    track_uploads proxied 60s;
  }

  location ~ /progress {
    report_uploads proxied;
  }

  location ~ \.php$ {                                                                                                                                       
    fastcgi_pass   unix:/var/tmp/php-fpm/test;
    fastcgi_index  upload.php;
    fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
    include        /etc/nginx/fastcgi_params;
  }
}

-- 
Vasiliy G Tolstov <v.tolstov at selfip.ru>
Selfip.Ru