(一)zyUpload界面绝佳、体验超棒的HTML5上传插件

2015-04-12 12:24:06:  

毛线开发它

经过了两个星期做出了两个基于HTML5的多文件上传插件,之前在做网站的时候用到文件上传这一个功能,但是大多说都是基于Flash的,正好最近HTML5很火,而且渐渐壮大起来,感觉搞前端的不会个HTML5不像是做前端的,所以就萌生了自己写一个多文件并且支持拖拽预览的插件。

二、大概思路

此插件我分了两层:

  • 核心层zyFile:这一层只负责对文件的操作、上传,并且提供外部过滤和获取上传状态等回调方法。

  • 控制层zyUpload:这一层负责控制着文件的过滤和一些效果的实现,用户通过参数配置可以得到不同功能的上传组件。

三、demo页面展示

  • 带有拖拽功能的页面

  • 不带有拖住功能的页面

  • 区域解释


  • 上传状态和文件上传路径页面



  • 接下来的文章会具体的去解释zyFile、zyUpload的参数及方法,源码过两天也会共享出来,请大家继续关注,谢谢。



zyUpload JavaScript版实例代码:

http://yun.baidu.com/share/link?shareid=3705093182&uk=2972370755


zyUpload JAVA版实例代码:

http://yun.baidu.com/share/link?shareid=3707308326&uk=2972370755


zyUpload PHP版实例代码:

http://yun.baidu.com/share/link?shareid=3709895291&uk=2972370755



精品书籍

更多

HTML5与CSS3权威指南代码清单
Sass和Compass设计师指南
JavaScript框架高级编程