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

标签：

一、为毛线开发它

经过了两个星期做出了两个基于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 

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

标签：

原文地址：http://www.cnblogs.com/kevoin/p/5480965.html