如何在文件上傳時顯示狀態消息？

Question

任何人都可以給出一個簡單的方法使用JavaScript來顯示狀態消息，當文件上傳和消失時，文件上傳？

Answer 1

<style type="text/css"> 
    #loadingMessage { 
     position: absolute; 
     top: WHEREVER; 
     left: WHEREEVER; 
     z-Index: 100; 
    } 
    </style> 


    <div id="loadingMessage" style="visibility:hidden;">This page be uploading!</div> 

    <form id="yourForm"> ... </form> 

    <script> 
     document.getElementById("yourform").onsubmit = function() { 
      document.getElementById("loadingMessage").visibilty = "visible"; 
      return true; 
     }; 
    </script> 

Answer 2

這取決於您的服務器端語言。如果你使用PHP，你需要的東西是這樣的：

http://martinjansen.com/2007/04/28/file-upload-progress-bars-with-php/

Answer 3

我是在similar situation而回，並最終採用優BlockUI插件jQuery。

Answer 4

使用jQuery插件上傳時，你可以申請很多 效果和 後上傳。

看看這個演示鏈接：
http://valums.com/wp-content/uploads/ajax-upload/demo-prototype.htm
http://www.uploadify.com/demo/

jQuery的例子：
http://valums.com/ajax-upload/

Answer 5

<style type="text/css"> 
    #loadingMessage { 
     position: absolute; 
     top: WHEREVER; 
     left: WHEREEVER; 
     z-Index: 100; 
    } 
    </style> 

    <div id="loadingMessage" style="visibility:hidden;">This page be uploading!</div> 

    <form id="yourForm"> ... </form> 

    <script> 
     document.getElementById("yourform").onsubmit = function() { 
      document.getElementById("loadingMessage").visibilty = "visible"; 
      return true; 
     }; 
    </script>