upload_progress模塊爲nginx不工作

我有服務器安裝了upload_progress模塊和nginx。但我無法讓他們正常工作。前端在html + javascript上的實現已經完全取自官方網站，即不會有錯誤。描述加載過程：我打開一個頁面，看到進度條是空的，選擇一個文件，按「提交」，然後翻轉到一個文本的頁面：{「name」：「」「size」：0，「type」：null，「error」：null}，儘管我想看到填充進度條。我在做什麼錯？upload_progress模塊爲nginx不工作

--- nginx.conf

user www-data; 
worker_processes 1; 
error_log /var/log/nginx/error.log; 
pid /var/run/nginx.pid; 

events { 
worker_connections 1024; 
} 


http { 
include mime.types; 
default_type application/octet-stream; 
client_max_body_size 1024m; 
access_log logs/access.log; 

sendfile on; 

keepalive_timeout 65; 

gzip on; 
gzip_proxied any; 
gzip_min_length 1100; 
gzip_http_version 1.0; 
gzip_comp_level 9; 
gzip_types text/plain text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript; 

server { 
listen 80; 
server_name localhost; 
access_log logs/host.access.log; 

location/{ 
root /var/www/; 
proxy_pass http://localhost:8080; 
proxy_set_header Host $host; 
proxy_set_header X-Real-IP $remote_addr; 
proxy_connect_timeout 60; 
proxy_send_timeout 90; 
proxy_read_timeout 90; 
proxy_redirect default; 
index index.html index.htm; 
} 

location ~* \.(jpg|jpeg|gif|png|css|js|zip|tgz|gz|rar|bz2|doc|xls|exe|pdf|ppt|tar|wav|bmp|rtf|swf|ico|flv|txt|xml|docx|xlsx) 
{ 
root /var/www/socnetwork; 
index index.html index.php; 
access_log off; 
expires 30d; 
} 
}

--- frontend.html

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head> 
     <title>ajaxFileUpload</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <script src="./include/jquery/jquery-1.5.1.js"></script> 
     <script src="./include/jquery/jquery.uploadProgress.js"></script> 

     <script type="text/javascript"> 
      $(function() { 
       $('form').uploadProgress({ 

        jqueryPath: "./include/jquery/jquery-1.5.1.js", 
        uploadProgressPath: "./include/jquery/jquery.uploadProgress.js", 
        start:function(){}, 
        uploading: function(upload) {$('#percents').html(upload.percents+'%');}, 
        interval: 2000 
       }); 
      }); 
     </script> 
     <style type="text/css"> 
      .bar { 
       width: 300px; 
      } 

      #progress { 
       background: #eee; 
       border: 1px solid #222; 
       margin-top: 20px; 
      } 
      #progressbar { 
       width: 0px; 
       height: 24px; 
       background: #333; 
      } 
     </style> 
    </head> 

    <body> 
     <form id="upload" enctype="multipart/form-data" action="index.html" method="post"> 
     <input name="file" type="file"/> 
     <input type="submit" value="Upload"/> 
     </form> 


     <div id="uploading"> 
      <div id="progress" class="bar"> 
      <div id="progressbar">&nbsp;</div> 
      </div> 
     </div> 
     <div id="percents"></div> 
    </body> 
</html>

來源

2011-05-05 dark

您需要在nginx.conf中設置upload_progress模塊。看一個例子here。我在這裏複製了關鍵元素：

http { 
    # reserve 1MB under the name 'proxied' to track uploads 
    upload_progress proxied 1m; 

    server { 
     .... 

     location/{ 
      ... 
      # track uploads in the 'proxied' zone 
      # remember connections for 30s after they finished 
      track_uploads proxied 30s; 
     } 

     location ^~ /progress { 
      # report uploads tracked in the 'proxied' zone 
      report_uploads proxied; 
     } 
    } }

您可以對「/ progress」執行GET請求以獲取信息。

的HTTP請求發送到該位置必須含有INPROGRESS 載的有效唯一標識符的X-進展-ID參數或HTTP標頭。

研究http://wiki.nginx.org/HttpUploadProgressModul欲瞭解更多信息。

來源

2013-03-24 00:13:07

我得到了同樣的問題，在服務器端建立了uplaod進步的文件，但該地址是錯的... afaik這是固定在一個較新的版本（我可以編譯它我自己的，這是幾個月前，sry）

來源

2011-05-05 09:45:07 reox

你不dephaphasized textermine位置與進度條lacation

location = /upload/status { 
    report_uploads upload; 
} 

location/{ 
... 
    track_uploads upload 30s; 
} 
location (with you backend) {  
    track_uploads upload 1m; 
}

來源

2013-03-23 19:19:26 madjardi

upload_progress模塊​​爲nginx不工作

回答

相關問題

upload_progress模塊爲nginx不工作