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

时间： 2024-10-30 15:31:51

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

【ASP.NET 插件】zyUpload的HTML5上传插件

个人能力有限,只能网上找图片批量上传插件,看到一个还不错的插件zyUpload ,可以用来上传文件,但没有.NET 版本,特修改了下用以批量上传图片,效果图如下: 具体代码可查看源代码: zyUpload.zip

四款超棒的jQuery数字化签名插件

在浏览器中,我们有很多方式来绘制生成签名效果,并且有很多很棒很智能的jQuery插件.数字化签名是未来的发展方向,正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件,希望大家喜欢! 1. jSignature 这个jQuery插件简化了创建数据签名的过程,允许用户使用鼠标,手写板,手指来绘制签名.这里是演示 2. Signature Pad 这个jQuery插件可以辅助使用HTML5画布来实现数字签名.它保存签名为JSON,并且可以以后再重新生成,这里是演示 3. jQuer

25 个超棒的 HTML5 & JavaScript 游戏引擎开发库

25 个超棒的 HTML5 & JavaScript 游戏引擎开发库就像在汽车中,引擎完成主要的工作,使汽车看起来不可思议.游戏引擎同理,游戏开发者完成细节的工作,使游戏看起来真实.吸引人眼球.游戏引擎负责其余的事情.早期,游戏开发者通常从草图做起,花费高昂,且不容易获利.为了让游戏开发更加简单容易,主要的开发者开始授权他们的基本游戏引擎,如 Unreal.而且,随着手机和平板游戏的出现,所需预算比以前更少,对 JAVASCRIPT 和HTML5 游戏引擎的需求大增. 如果你是一个游戏开发者,

超棒的HTML5/CSS3单页面响应式模板（支持Bootstrap）

在线演示使用Bootstrap实现的响应式单页面模板. 桌面效果: 移动设备效果: 阅读全文:超棒的HTML5/CSS3单页面响应式模板(支持Bootstrap) 超棒的HTML5/CSS3单页面响应式模板(支持Bootstrap)

超简单的php上传类代码

这个是我昨晚写的一个超简单的上传类,只要 $up->upload($_FILES['imgfile']); 即可. 一条语句搞定上传石家庄工商代办送给所有草根的个人站长上传文件: up.php <?php //验证 if(empty($_COOKIE['login'])) { die('index'); } //加载类 include_once("_inc/class_uppic.php"); //上传 if(!empty($_GET['action']) &&

百度云超4g文件如何上传

CreateTime--2017年7月10日07:58:56Author:Marydon 制作工具:比特彗星软件下载地址:Bitcomet V1.45绿色版 http://www.ouyaoxiazai.com/soft/llrj/56/1259.html#dizhi 参考链接:http://jingyan.baidu.com/article/59a015e34f1870f7948865fe.html 菜单栏-->文件-->制作torrent文件-->选择要制作成torrent文件的单

用户体验超棒的微信WebView进度条

现在微信的用户体验一直被产品经理们所推崇,今天这里具体分析一下微信在WebView的进度条上怎么提升用户体验. 最终微信的加载进度条的效果图网络正常的状态,分为两种加载速度,前部分正常速度加载,后边速度特意放慢,让用户感觉到你在非常卖力的在进行网络请求. 断开网络的状态: 进度条还是分为两种速度,类似于网络正常的状态,也能让用户感觉到你在非常卖力的在进行网络请求. 实现的思路大方面要分两种情况:没有网络,有网络情况实现加载进度条的两种速度,前边比较快,后边估计放缓慢利用自定义View属性

11 个超棒的 jQuery 分步指引插件

当一个网站或者一个Web应用推出新功能时,为了让用户了解你的站点(或应用)如何操作,往往都会在站点(应用)中添加一个分步指引的效果.然而这样的效果,对于不懂原生JS的同学来说,是件很头痛的事情. 下面为大家介绍一些可帮助你实现分步指引效果的jQuery插件,你可以根据自己需求定制,它们都具有一个时尚的外观,而且简单易用. 1. Intro.js Intro.js 使用一种引导式的方式来一步步介绍你网站和项目新特性.支持键盘+鼠标的导航方式. 2. aSimpleTour aSimpleTou

5个超棒的HTML5框架

大多数的Web开发者一直在用关键点来寻找动态的框架,这样能简化他们的设计和开发工作. HTML5框架在所有的Web浏览器和手机应用上都展现了优秀的性能.它不仅简化了HTML5开发中CSS开发的沉重负担,还提高了网站的可见性.主要的原因是HTML5提供了独有的特征,例如特殊的架构标签,动画,浏览器支持等. 最近,大量的HTML5框架在行业内可免费获得,这使得HTML5开发者们不知道到底哪一个框架才是最好的.为了避免上述问题,本文列出2015年最流行的5个HTML5框架,如果你是Web设计者并准备用