上传lighttpd的进度无响应

时间:2013-03-05 17:54:40

标签: php upload xmlhttprequest lighttpd progress

我正在尝试让lighttpd 1.5的uploadprogress模块​​工作,但我遇到了一个奇怪的问题:

当我开始上传时,“/ response”每秒都会被设置为X-Progress-ID标头,但我没有得到任何响应。 GET调用只是加载和加载但没有得到响应。 如果手动调用它(localhost / response?X-Progress-ID = someID),它似乎是正确的,并且收到的和total的值是正确的并且已设置。 当我取消上传进度时(通过浏览器中的“X”按钮)/响应不断被调用,但现在它将返回状态200,但当然没有设置正确的值。

这是我的代码:

使用Javascript:

 interval = null;

   function openProgressBar(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);
    }

我的HTML:

 <form id="upload" enctype="multipart/form-data" 
     action="index.php?X-Progress-ID={{tracking_id}}" 
     method="post" 
     onsubmit="openProgressBar('{{tracking_id}}'); return true;">

     <input name="video" type="file" />
     <input type="submit" class="button orange medium" value="Upload" />

 </form>

 <div>
   <div id="progress">
   <div id="progressbar"></div>
   </div>
   <div id="tp">(progress)</div>
 </div>
编辑:忘记提及...... {{tracking_id}}是在php控制器中生成并使用Twig打印的。

1 个答案:

答案 0 :(得分:0)

这似乎是Chrome的一个老错误:

https://code.google.com/p/chromium/issues/detail?id=45196

同样的问题..用Firefox测试它,它工作正常。可悲的是,这个错误确实存在了2 - 3年,所以在不久的将来修复没有大的希望。

通过XMLHTTPRequest上传文件。