当前位置: 代码迷 >> HTML/CSS >> 页面上传时的等待有关问题
  详细解决方案

页面上传时的等待有关问题

热度:135   发布时间:2012-03-08 13:30:13.0
页面上传时的等待问题
在使用php的ftp_put函数上传时有很长的时间。所以需要给用户一个上传的界面

HTML code
<html>
    <head>
        <script type="text/javascript">
            window.onload = function() {
                document.getElementById("progress").style.visibility = "hidden";
                document.getElementById("prog_text").style.visibility = "hidden";
            }

            function dispProgress() {
                document.getElementById("progress").style.visibility = "visible";
                document.getElementById("prog_text").style.visibility = "visible";
            }

        </script>

    </head>
    <body>
        <form action="file2.php" method="POST" enctype="multipart/form-data">
            Please choose a file: <input name="txt_file" type="file" size="35" />
            <input type="submit" name="start_upload" value="Upload File" onClick="dispProgress()" />
        </form>

        <!-- Link to progress file: see http://www.ajaxload.info/ for animated gifs -->
        <img id="progress" src="http://www.your.site/images/progress.gif" />
        <p id="prog_text" style="display:inline;"> Upload Started!</p>

    </body>
<html>



这个在IE 和GOOGLE上面 没有上传是 都是这样的
红框中的是正常的,只有在上传等待是<img></img>才可见

但是使用firefox是的画面却是这样的:


这是不正常的,因为 UPstart! 这段文字只有在上传是才会出现



请问怎样编写代码才能适应firefox这个bug。。。

------解决方案--------------------
上传时(即 onload)? <--- 上传和onload是两个事件吧
<input type="submit" 改成 type="button" 试试看
  相关解决方案