【求助】怎样实现当上传大文件时，显示一张等待的图片啊？？？

进度条貌似很麻烦，所以就想问，怎样实现当上传大文件时，显示一张等待的图片啊？？？上传大文件显示图片

解决方案 »

  1.   

    ajax之前$("#pic").show();
    完成之后$("#pic").hide();
      

  2.   

    将表单提交到隐藏iframe中实现无刷新上传，表单onsubmit事件中显示loading效果图片，iframe添加onload事件，隐藏loading图片和提示上传完毕什么的
      

  3.   

    iframe onload事件就是上传完毕后执行的，参考：无刷新上传文件，使用iframe模仿或者如1#说的，用ajaxfileupload这个jq的插件，uploadify什么的
      

  4.   

    网上有一个Web超大文件上传断点续传控件：http://www.cnblogs.com/xproer/archive/2012/10/26/2741264.html
    此控件支持100G文件的断点续传操作，提供了完善的开发文档，支持文件MD5验证，支持文件批量上传。
    支持浏览器：Internet Explorer 6,Internet Explorer 7,Internet Explorer 8,Internet Explorer 9
    Maxthon(遨游)1.x,Maxthon(遨游)2.x,TT浏览器,QQ浏览器,360安全浏览器,
    Chrome(Google浏览器),Maxthon3.x,360极速浏览器6.x,Firefox
    粘贴文件，简化选择文件操作：文件MD5值计算进度：文件MD5值计算完毕服务器根据MD5检测是否存在相同文件续传文件从服务器加载文件列表文件上传中文件上传完毕上传文件夹与Discuz!X2整合-后台安装断点续传控件与Discuz!X2整合-后台启用断点续传控件与Discuz!X2整合-后台断点续传控件启用成功与Discuz!X2整合-前台发帖页面与Discuz!X2整合-上传
    页面调用示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>HTTP断点续传控件与MySQL数据库演示页面(UTF-8)</title>
        <link href="HttpUploader/HttpUploader.css" type="text/css" rel="Stylesheet"/>
        <script type="text/javascript" charset="utf-8" src="HttpUploader/FileLister.js"></script>
        <script type="text/javascript" charset="utf-8" src="HttpUploader/HttpUploader.js"></script>
        <script type="text/javascript" charset="utf-8" src="HttpUploader/combinbox.js"></script>
        <script type="text/javascript" src="HttpUploader/jquery-1.3.2.min.js"></script>
        <script language="javascript" type="text/javascript">
         var cbItemLast = null;
         var cbMgr = new CombinBoxMgr();     $(document).ready(function()
         {
         cbMgr.LoadInControl("FilePanel");
         cbMgr.Init();
         });
        </script>
    </head>
    <body>
    <div id="FilePanel"></div>
    </body>
    </html>资源下载：
    cab安装包
    crx安装包
    xpi安装包
    exe安装包
    开发文档
    升级日志 
    ASP.NET(C#)示例代码：
    ASP.NET-ACCESS示例
    ASP.NET-SQL2005示例
    JSP示例代码：
    JSP-ACCESS-GB2312示例
    JSP-ACCESS-UTF8示例
    JSP-SqlServer2005-UTF8示例
    JSP-MySQL-UTF8示例
    PHP示例代码：
    PHP-MySQL-UTF8示例
    Chrome,Firefox,IE断点续传控件示例(以下示例已整合IE32,IE64,Firefox,Chrome平台的插件)
    ASP.NET-ACCESS示例
    ASP.NET-SQL2005示例
    JSP示例代码：
    JSP-ACCESS-GB2312示例
    JSP-ACCESS-UTF8示例
    JSP-SqlServer2005-UTF8示例
    JSP-MySQL-UTF8示例
    PHP示例代码：
    PHP-MySQL-UTF8示例Chrome,Firefox,IE断点续传控件示例(以下示例已整合IE(x86),IE(x64),Firefox,Chrome平台的插件)
    ASP.NET-ACCESS示例
    ASP.NET-SQL2005示例
    JSP-ACCESS-GB2312示例
    JSP-ACCESS-UTF8示例
    JSP-SQL2005-UTF8示例
    JSP-MySQL-UTF8示例
    PHP-MySQL-UTF8示例