上传进度条

2010-08-11 08:34:30 491 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

layui 文件上传进度条使用HisiPhPK框架做一个是视频上传的后台，再需要视频上传的页面，我感觉肯定要做视频上传的进度条啊，于是就开始研究这个后台, 这个后台是使用的框架是layui，现成的组件肯定是用着最爽的，百度求真知、互相借鉴学习下面是几个学习的方法链接，学习的方法，不太详细的社区原创，layui 的文件上传知识最后采取一种最简洁的做法共分为三部分第一修改upload.js 源文件，增... 阅读详情

大家帮个忙我现在上传文件功能做好了，但是现在想弄个上传进度条，我上传的文件是直接入sql server的

...全文

Maxwell涡流热损计算：铜导体在50Hz交流下的仿真实践本文详细介绍了使用Maxwell软件进行铜导体在50Hz交流条件下的涡流热损仿真实践。从涡流热损的基本概念到Maxwell仿真设置、网格划分、结果后处理等关键步骤，提供了实用技巧和常见问题解决方案，帮助工程师准确计算涡流热损，优化电力设备设计。阅读详情

mjgsh

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

wuyq11 2010-08-11

打赏
举报

http://topic.csdn.net/u/20100228/19/E7F49404-9E81-461A-8BE1-E7040778A802.html

十八道胡同 2010-08-11

打赏
举报

http://topic.csdn.net/u/20070404/18/8dbc8236-06a1-45e6-8fcb-665637f88f93.html

http://www.dwww.cn/News/2010-3/2010312112610755.shtml

十八道胡同 2010-08-11

打赏
举报

<form id="form1" runat="server">

   <asp:ScriptManager ID="scriptManager" runat="server" EnablePageMethods="true" />

   

   <script type="text/javascript">

       var intervalID = 0;

       var progressBar;

       var fileUpload;

       var form;       

       // 进度条      

       function pageLoad(){           

           $addHandler($get('upload'), 'click', onUploadClick);

           progressBar = $find('progress');

       }

       // 注册表单       

       function register(form, fileUpload){            

           this.form = form;

           this.fileUpload = fileUpload;

       }        

       //上传验证

       function onUploadClick() {        

           var vaild = fileUpload.value.length > 0;

           if(vaild){              

               $get('upload').disabled = 'disabled';             

               updateMessage('info', '初始化上传...');                

               //提交上传

               form.submit();                

               // 隐藏frame

               Sys.UI.DomElement.addCssClass($get('uploadFrame'), 'hidden');

               // 0开始显示进度条

               progressBar.set_percentage(0);

               progressBar.show();           

               // 上传过程

               intervalID = window.setInterval(function(){

                   PageMethods.GetUploadStatus(function(result){

                       if(result){

                           //  更新进度条为新值

                           progressBar.set_percentage(result.percentComplete);

                           //更新信息

                           updateMessage('info', result.message);

                           

                           if(result == 100){

                               // 自动消失

                               window.clearInterval(intervalID);                        

                           }

                       }

                   });

               }, 500);                

           }

           else{

               onComplete('error', '您必需选择一个文件');

           }

       }       

   

       function onComplete(type, msg){

           // 自动消失

           window.clearInterval(intervalID);

           // 显示消息

           updateMessage(type, msg);

           // 隐藏进度条

           progressBar.hide();

           progressBar.set_percentage(0);

           // 重新启用按钮

           $get('upload').disabled = '';

           //  显示frame

           Sys.UI.DomElement.removeCssClass($get('uploadFrame'), 'hidden');

       }        

       function updateMessage(type, value){

           var status = $get('status');

           status.innerHTML = value;

           // 移除样式

           status.className = '';

           Sys.UI.DomElement.addCssClass(status, type);

       }

   

   </script>

   

   <div>

       <div class="upload">

           <h3>文件上传</h3>

           <div>

               <iframe id="uploadFrame" frameborder="0" scrolling="no" src="Upload.aspx"></iframe>

               <mb:ProgressControl ID="progress" runat="server" CssClass="lightblue" style="display:none" Value="0" Mode="Manual" Speed=".4" Width="100%" />

               <div>

                   <div id="status" class="info">请选择要上传的文件</div>

                   <div class="commands">

                       <input id="upload" type="button" value="上传" /> 

                   </div>

               </div>

           </div>

       </div> 

     

   </div>

   </form> 























 



upload.aspx:



if (this.IsPostBack)

{

    UploadInfo uploadInfo = this.Session["UploadInfo"] as UploadInfo;

    if (uploadInfo == null)

    {

        // 让父页面知道无法处理上传

        const string js = "window.parent.onComplete('error', '无法上传文件。请刷新页面，然后再试一次);";

        ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);

    }

    else

    {

        //  让服务端知道我们还没有准备好..

        uploadInfo.IsReady = false;



        //  上传验证

        if (this.fileUpload.PostedFile != null && this.fileUpload.PostedFile.ContentLength > 0



            && this.fileUpload.PostedFile.ContentLength < 1048576)//  限制1M

        {

            //  设置路径

            string path = this.Server.MapPath(@"Uploads");

            string fileName = Path.GetFileName(this.fileUpload.PostedFile.FileName);



            // 上传信息

            uploadInfo.ContentLength = this.fileUpload.PostedFile.ContentLength;

            uploadInfo.FileName = fileName;

            uploadInfo.UploadedLength = 0;



           //文件存在 初始化...

            uploadInfo.IsReady = true;



           //缓存

            int bufferSize = 1;

            byte[] buffer = new byte[bufferSize];



            // 保存字节

            using (FileStream fs = new FileStream(Path.Combine(path, fileName), FileMode.Create))

            {                         

                while (uploadInfo.UploadedLength < uploadInfo.ContentLength)

                {

                   //从输入流放进缓冲区

                    int bytes = this.fileUpload.PostedFile.InputStream.Read(buffer, 0, bufferSize);

                    // 字节写入文件流

                    fs.Write(buffer, 0, bytes);

                    //  更新大小

                    uploadInfo.UploadedLength += bytes;



                    //  线程睡眠 上传就更慢 这样就可以看到进度条了

                    System.Threading.Thread.Sleep(100);

                }

            }



            // 删除.

            File.Delete(Path.Combine(path, fileName));



            //   让父页面知道已经处理上传完毕

            const string js = "window.parent.onComplete('success', '{0} 已成功上传');";

            ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", string.Format(js, fileName), true);

        }

        else

        {

            if (this.fileUpload.PostedFile.ContentLength >= 1048576)//1M

            {

                const string js = "window.parent.onComplete('error', '超出上传文件限制大小，请重新选择');";

                ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);

            }

            else

            {

                const string js = "window.parent.onComplete('error', '上传文件出错');";

                ScriptManager.RegisterStartupScript(this, typeof(upload_aspx), "progress", js, true);

            }

        }                  

        uploadInfo.IsReady = false;

    }

}

http://www.cnblogs.com/zengxiangzhan/archive/2010/02/28/1675137.html

上传进度条

相关推荐