zoukankan      html  css  js  c++  java
  • atitit.文件上传带进度条的实现原理and组件选型and最佳实践总结O7

    atitit.文件上传带进度条的实现原理and组件选型and最佳实践总结O7

    1. 实现原理 1

    2. 大的文件上传原理::使用applet 1

    3. 新的bp 2

    1. 性能提升---切割小文件上传,避免一次使用内存使用过大的 2

    2. Uuid还是原来文件名:: 2

    3. 监听器频繁地被调用 2

    4. 结合wz easyui 2

    4. 选型 2

    5. Uploadify::yash js+flash 3

    6. commons-fileupload:: 3

    7. COS这个工具O'Reilly公司 3

    8. 大的文件上传组件总结 3

    5. 林吧实现ui Ajax+jq+bootstrap +commons-fileupload-1.2 4

    6. #===code 5

    7. 參考 6

    1. 实现原理

    假设须要显示运行进度条,实时显示文件上传进度
    须要使用Ajaxj技术..up到个在的iframe黑头..
    工作原理
    事实上际就是在处理上传文件的同一时候,将上传进度的信息比如文件总长吨,已经上传多少,传输速率写入session中,client游览器
    利用Ajax技术再新开一个独立的进程从session中获取上传进度信息,并实时显示,Ajax技术可以 不刷新页面获取server数据。session
    可看做是server内存,能够用于存放少量的客户信息。

    上传监听器
    commons-fileupload版1.2支持上传监听,仅仅须要实现一个监听器,并把它加入到上传组件上就可以。

    监听器须要实现它的progresslistener

    作者:: 老哇的爪子 Attilax 艾龙,  EMAIL:1466519819@qq.com

    转载请注明来源: http://blog.csdn.net/attilax

    2. 大的文件上传原理::使用applet

    3. 新的bp

    1. 性能提升---切割小文件上传,避免一次使用内存使用过大的

    能够配置chunk,将一个大文件分成很多小文件上传。后台通过php合并成大文件

    2. Uuid还是原来文件名::

    最好是使用原来文件名称,这样能够在server上轻松的搜索..重名问题,能够后缀uuid解决..中文问题,能够转换为

    3. 监听器频繁地被调用

    是有问题的。由于它会很频繁地被调用。这会带来性能问题。一个比較好
    的解决的方法是降低调用。

    例如以下代码,为监听器类添加一个kiloBytes实例属性,其值默觉得-1。每当pBytesRead/1024的结果变化时(即以KB为单位添加时),将新的计算结果赋值给kiloBytes,然后
    更新上传进度信息,否则什么都不做,直接返回。这样就能够降低信息更新的次数。假设上传的
    文件很大时,能够将KB单位改为MB,进一步降低信息更新的次数

    4. 结合wz easyui

    不能放得个一个page黑头,贝儿up form走马兰..

    4. 选型

    比較普遍使用的多附件上传控件一般都是JS+FLASH,还有支持JS+HTML,JS+Silverlight等等,只是都没有js+FLASH的普 及,毕竟flashplayer如今基本上是个浏览器。上过网的都会安装,所以使用JS+FLASH插件对client的要求略微简单

    5. Uploadify::yash js+flash

    6. commons-fileupload::

    使用最为广泛的Java文件上传组件,Struts本身採用这个包来处理文件上传。

    文档很具体、简单易用。

    因为fileupload 的局限,暂不能实现每一个上传文件都显示运行进度条。仅仅能实现一个总的进度条。效果如图,

    7. COS这个工具O'Reilly公司

    ,据说是O'Reilly公司,这着实让我大吃一惊。毕竟O'Reilly公司的闻名是由于它的书,还从没听过这公司也有开源方面的贡献。

            在网上找到了一个对照资料,是比較这三个上传组件的。COS的速度明显优于FileUpload和SmartUpload!

    随着容量的增大。FileUploadSmartUpload的性能下降很快。直到200M容量时。SmartUpload已经不堪重负崩溃了

    接下载COS包(http://www.servlets.com/cos/index.html);最后更新时间竟然是2002年的11月05日!又让我大吃一惊,要知道在开源软件中,几天一更新是最正常只是的了,而这个COS包却可以这么久都不用更新,更让我充满了向往!

    只是这个好想马ajax 进度条r..

     

    8. 大的文件上传组件总结

     

    Java Applet mupload

    mupload是採用java applet技术构建的。使用标准http协议进行文件上传的组件。

    打包后的组件经过数字签名后能够嵌入网页,并同意client上传文件到server,该组件包含 一个jar文件和一个js文件,使用js在须要的地方创建该网页组件就可以实现文件上传!该组件能够...

    文件上传的Applet JFileUpload

    JFileUpload 是一个Java的Applet程序用来通过Web或者FTPserver上传文件(非开源),server端能够是 JSP/Servlet、PHP、Coldfusion、CGI、ASP 等。提供上传进度条、取消button和拖放支持

    多文件上传Applet JUpload

    JUpload是一个多文件上传Applet。它可以一次性上传同一个文件夹下的全部文件。JUpload管理的client部分,使用HTTP协议上传时,你需 编写服务端管理上传文件的脚本,使用标准的HTTP POST命令 JUPload还有大量的配置參数 会话管理 语言国际化:超过20种语言 FTP和...  很多其它JUpload信息

    5. 林吧实现ui Ajax+jq+bootstrap +commons-fileupload-1.2

    bootstrap 能够到此下载:http://www.bootcss.com/

    两个JAR包 :commons-fileupload-1.2.jar

                          commons-io-2.4.jar

    6. #===code


    举比例如以下
    public  class  uploadListener  implements  progressListener{
         
             private uploadstatus status;          记录上传信息的javaBean
          
              public uploadListener(uploadstatus  status){     //构造函数
                 
             this.status=status;
    }
    public void update(long bytesRead, long contentLength,int items){
            status.setBytesRead(bytesRead);                 已经读取的数据长度
            status.setContentLength(contenLength);         所上传的文件总长度
            status.setItems(items);                                   正在保存的第几个文件


    }
    }
    prongressListener 接口仅仅有一个方法:update(long bytesRead,long contenLength,int items).
    參数byteRead表示已经上传的字节数contentLength表示上传文件的总长度(假设为-1则表示总长度未知)
    items表示正在上传的第几个文件。
    加入了监听器后,上传组文件在上传文件时。会不断的回调该方法,回传这些数据。利用这些数据,就能够知道文件上传的进度,并用进度条实时的现实出来
    因此须要把这些数据保存起来。在上述代码中把数据保存到了一个uploadstatus中而这是一个普通的java Bean,相关的代码例如以下
    public class uploadstatus{
         private long bytesRead;
         private long contentLength;
         private int  items;
         private longstartTime=System.currenTimeMillis();

    7. 參考

    带进度条的文件上传 - 南海问天 - 博客园.htm

    Java 文件上传组件 - 开源软件库 - 开源中国社区.htm

    优秀的上传组件--COS - hingwu的专栏 - 博客频道 - CSDN.NET.htm (SmartUpload FileUpload ,cos的性能測试 ,cos使使用方法,)

    java文件上传带进度条的 - - 博客频道 - CSDN.NET.htm  (jeigui zeush jeig)

    Java 文件上传组件 Apache Commons FileUpload 应用指南(五)监听文件上传进度 - whistler - BlogJava.htm (监听器是有问题的。由于它会很频繁地被调用。这会带来性能问题)

    Apache Commons fileUpload实现文件上传 - 子 孑 - 51CTO技术博客.htm(use jsp and sevlet up)

  • 相关阅读:
    P4387 P4387 【深基15.习9】验证栈序列
    P1241 括号序列题解
    P2058 海港题解
    P1540 机器翻译题解
    leaflet + react + typescript
    TypeScript中文手册:从 JavaScript 迁移到 TypeScript
    react-esri-leaflet与typescript
    TypeError: Super expression must either be null or a function
    前端库(gis前端库和普通库分开)
    react-leaflet:Module parse failed: Unexpected token (10:41)
  • 原文地址:https://www.cnblogs.com/blfbuaa/p/6883068.html
Copyright © 2011-2022 走看看