Question

任何人都可以使用JavaScript在文件上传时显示状态消息并在文件上传时逐渐消失吗？

Answer 1

使用Jquery插件可以应用很多上传和之后的效果上载的点。

查看此演示链接：
http://valums.com/wp-content/uploads/ajax-upload/demo-prototype.htm
http://www.uploadify.com/demo/

Jquery示例：
http://valums.com/ajax-upload/

Answer 2

  <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 3

这取决于您的服务器端语言。如果你使用PHP，你需要这样的东西：

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

Answer 4

我一段时间处于similar situation状态，最后使用BlockUI的优秀jQuery插件。

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>

如何在文件上传时显示状态消息？

5 个答案: