Javascript 上载文件时如何显示状态消息？

有谁能给出一个简单的方法，使用JavaScript在文件上传时显示状态消息，并在文件上传时消失？

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

我不久前使用了一个优秀的插件

使用Jquery插件，您可以应用许多 上传时和上传后的效果 已上载。

查看此演示链接：

Jquery示例：

#加载消息{
位置：绝对位置；
顶部：无论何处；
左：无论何处；
z指数：100；
}
此页面将被上传！
... 
document.getElementById（“yourform”）.onsubmit=function（）{
document.getElementById（“loadingMessage”）.visiblity=“可见”；
返回true；
};

#加载消息{
位置：绝对位置；
顶部：无论何处；
左：无论何处；
z指数：100；
}
此页面将被上传！
... 
document.getElementById（“yourform”）.onsubmit=function（）{
document.getElementById（“loadingMessage”）.visiblity=“可见”；
返回true；
};

window.status=“上传…”；

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

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