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
    最代码最近下载分享源代码列表最近下载
    240598911  LV10 2021年11月9日
    wade123  LV31 2021年4月5日
    linfengren  LV5 2020年4月14日
    skipple3  LV39 2020年3月3日
    胖胖来了  LV4 2019年9月10日
    123456听说  LV10 2019年7月26日
    4455345  LV2 2019年6月18日
    pxqtsht  LV16 2019年5月28日
    licaodong  LV3 2019年5月26日
    樊樊樊樊樊樊阵雨  LV18 2019年4月24日
    最代码最近浏览分享源代码列表最近浏览
    小龙快飞  LV5 2024年9月9日
    yangk_126 2023年3月14日
    暂无贡献等级
    itwgy001  LV2 2022年12月9日
    109284656  LV1 2022年10月26日
    240598911  LV10 2021年11月9日
    木易雨山  LV7 2021年11月2日
    rayzhao 2021年10月22日
    暂无贡献等级
    kinguui  LV1 2021年9月3日
    ligs123 2021年5月27日
    暂无贡献等级
    wanglipingjxn27  LV1 2021年5月21日
    顶部 客服 微信二维码 底部
    >扫描二维码关注最代码为好友扫描二维码关注最代码为好友