holdon521的gravatar头像
holdon521 2015-06-25 14:37:13

godson Easyui+plupload实现批量上传文件,图片(兼容全部常用浏览器)的demo实例

项目截图:

godson Easyui+plupload实现批量上传文件,图片(兼容全部常用浏览器)的demo实例

项目中需要实现批量上传功能,之前用的是swfupload组件,但是不兼容火狐浏览器,整了很久,最终还是搞不定,果断放弃,寻找新的上传组件,最后发现plupload实现批量上传文件兼容所有浏览器,堪称完美!

本项目实例结合框架Easyui实现批量上传,效果好看,显示上传进度,值得学习哦

plupload版本V.5.4

Plupload有以下功能和特点:

1,拥有多种上传方式:HTML5、flash、silverlight以及传统的<input type=”file” />。Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式。所以你完全不用去操心当前的浏览器支持哪些上传方式,Plupload会自动为你选择最合适的方式。

2、支持以拖拽的方式来选取要上传的文件

3、支持在前端压缩图片,即在图片文件还未上传之前就对它进行压缩

4、可以直接读取原生的文件数据,这样的好处就是例如可以在图片文件还未上传之前就能把它显示在页面上预览

5、支持把大文件切割成小片进行上传,因为有些浏览器对很大的文件比如几G的一些文件无法上传。

如下图:

上传前

godson Easyui+plupload实现批量上传文件,图片(兼容全部常用浏览器)的demo实例

上传后

godson Easyui+plupload实现批量上传文件,图片(兼容全部常用浏览器)的demo实例


打赏

文件名:plupload.zip,文件大小:481.374K 下载
  • /
      • /plupload
        • /plupload/.classpath
          • /plupload/.myeclipse
          • /plupload/.mymetadata
          • /plupload/.project
            • /plupload/.settings
              • /plupload/.settings/.jsdtscope
              • /plupload/.settings/org.eclipse.jdt.core.prefs
              • /plupload/.settings/org.eclipse.wst.common.component
              • /plupload/.settings/org.eclipse.wst.common.project.facet.core.xml
    顶部 客服 微信二维码 底部
    >扫描二维码关注最代码为好友扫描二维码关注最代码为好友