最新更新...
03-1203-1203-1203-1103-1103-1103-1003-1003-10
在线客服...
01-1610-0609-2208-2208-0708-0408-0408-0405-22
视频教程...
03-1203-0903-0703-0703-0603-0603-0603-06
jquery特效...
03-1203-1103-1103-1002-2502-2302-2102-1902-1102-0502-04
名站特效...
02-2312-1911-3011-2111-1911-1711-1411-1210-2610-2010-11您的位置：> -&
-& >下载 档案号：#186616
软件授权：
软件大小：
软件语言：
软件评级：
官方主页：
更新时间：
应用平台：
复制到论坛
复制到博客
绿盟口号! 伸出你的手 - 绿色分享:
官方评级：3/152
同类软件推荐
本类下载排行(三)zyUpload界面绝佳、体验超棒的HTML5上传插件 | do IT
专注于web前端开发，专注于用户体验
一、概述在
上一篇文章已经把zyFile骨骼部分讲完了，接下来要讲的是整个插件的血肉部分，zyUpload处理的东西比较多，比如：对文件格式、大小的过滤，设
置文件上传状态等。今天我把java版的源码放到了网盘上（/webContent/demo文件夹可以拿出来单独使用）。我的整个项目的结构是这样的：如果你想运行的话，直接打开/demo/demo.html文件就可以。二、参数配置属性或方法名参数值或默认方法释义width&&插件宽度height&&插件高度itemWidth&&每一个预览区域的宽度itemHeight&&每一个预览区域的高度url&&上传文件的路径onSelectfunction(selectFiles,&files){}选择文件的回调方法&&当前选中的文件&&还没上传的全部文件onDeletefunction(file,&files){}删除一个文件的回调方法&当前删除的文件&&删除之后的文件onSuccessfunction(file){}文件上传成功的回调方法onFailurefunction(file){}文件上传错误的回调方法onCompletefunction(responseInfo){}上传全部完成的回调方法三、初始化示例Html部分（demo.html）：&!DOCTYPE&html&
&&&&&head&
&&&&&&&&&meta&charset=&UTF-8&&
&&&&&&&&&title&上传&/title&
&&&&&&&&&!--&引用控制层插件样式&--&
&&&&&&&&&link&rel=&stylesheet&&href=&control/css/zyUpload.css&&type=&text/css&&
&&&&&&&&&!--图片弹出层样式&必要样式--&
&&&&&&&&&script&type=&text/javascript&&src=&jquery-1.7.2.js&&&/script&
&&&&&&&&&!--&引用核心层插件&--&
&&&&&&&&&script&type=&text/javascript&&src=&core/zyFile.js&&&/script&
&&&&&&&&&!--&引用控制层插件&--&
&&&&&&&&&script&type=&text/javascript&&src=&control/js/zyUpload.js&&&/script&
&&&&&&&&&!--&引用初始化JS&--&
&&&&&&&&&script&type=&text/javascript&&src=&demo.js&&&/script&
&&&&&/head&
&&&&&body&
&&&&&&&&&h1&style=&text-align:&&zyFile示例&/h1&
&&&&&&&&&div&id=&demo&&class=&demo&&&/div&&&&
&&&&&/body&
&/html&js脚本部分（demo.js）：$(function(){
&&&&//&初始化插件
&&&&$(&#demo&).zyUpload({
&&&&&&&&width&&&&&&&&&&&&:&&&&650px&,&&&&&&&&&&&&&&&&&//&宽度
&&&&&&&&height&&&&&&&&&&&:&&&&400px&,&&&&&&&&&&&&&&&&&//&宽度
&&&&&&&&itemWidth&&&&&&&&:&&&&120px&,&&&&&&&&&&&&&&&&&//&文件项的宽度
&&&&&&&&itemHeight&&&&&&&:&&&&100px&,&&&&&&&&&&&&&&&&&//&文件项的高度
&&&&&&&&url&&&&&&&&&&&&&&:&&&&/upload/UploadAction&,&&//&上传文件的路径
&&&&&&&&multiple&&&&&&&&&:&&&true,&&&&&&&&&&&&&&&&&&&&//&是否可以多个文件上传
&&&&&&&&dragDrop&&&&&&&&&:&&&true,&&&&&&&&&&&&&&&&&&&&//&是否可以拖动上传文件
&&&&&&&&del&&&&&&&&&&&&&&:&&&true,&&&&&&&&&&&&&&&&&&&&//&是否可以删除文件
&&&&&&&&finishDel&&&&&&&&:&&&false,&&&&&&&&&&&&&&&&&&&&//&是否在上传文件完成后删除预览
&&&&&&&&/*&外部获得的回调接口&*/
&&&&&&&&onSelect:&function(selectFiles,&allFiles){&&&&//&选择文件的回调方法&&selectFile:当前选中的文件&&allFiles:还没上传的全部文件
&&&&&&&&&&&&console.info(&当前选择了以下文件：&);
&&&&&&&&&&&&console.info(selectFiles);
&&&&&&&&},
&&&&&&&&onDelete:&function(file,&files){&&&&&&&&&&&&&&//&删除一个文件的回调方法&file:当前删除的文件&&files:删除之后的文件
&&&&&&&&&&&&console.info(&当前删除了此文件：&);
&&&&&&&&&&&&console.info(file.name);
&&&&&&&&},
&&&&&&&&onSuccess:&function(file,&response){&&&&&&&&&&//&文件上传成功的回调方法
&&&&&&&&&&&&console.info(&此文件上传成功：&);
&&&&&&&&&&&&console.info(file.name);
&&&&&&&&},
&&&&&&&&onFailure:&function(file,&response){&&&&&&&&&&//&文件上传失败的回调方法
&&&&&&&&&&&&console.info(&此文件上传失败：&);
&&&&&&&&&&&&console.info(file.name);
&&&&&&&&},
&&&&&&&&onComplete:&function(response){&&&&&&&&&&&&&&&&&//&上传完成的回调方法
&&&&&&&&&&&&console.info(&文件上传完成&);
&&&&&&&&&&&&console.info(response);
});到此为止，算是把整个上传插件讲解完成，在这里也十分感谢你的关注，过几天之后我会继续开发增强版的上传，会涉及到图片截取，html5拍照等等，总之，大家一起进步吧。zyUpload JavaScript版实例代码： zyUpload JAVA版实例代码: zyUpload PHP版实例代码:网站已改版，请使用新地址访问：
zyUpload 使用方法也很简单：
1、除了index.html文件，其他的一一对应上传到你的网页目录下
2 Picture Viewer 图片显示 240万源代码下载- www.pudn.com
&文件名称: zyUpload& & [
& & & & &&]
&&所属分类:
&&开发工具: PHP
&&文件大小: 313 KB
&&上传时间:
&&下载次数: 0
&&提 供 者:
&详细说明：使用方法也很简单：
1、除了index.html文件，其他的一一对应上传到你的网页目录下
2、在将index.html中的html以及js引入到你的网页中即可-php zyupload
文件列表(点击判断是否您需要的文件，如果是垃圾请在下面评价投诉):
&&zyUpload\demo\demo.html&&........\....\demo.js&&........\....\jquery.json-2.4.js&&........\....\jquery-1.7.2.js&&........\....\up.php&&........\....\zyPopup\js\zyPopup.js&&........\....\.......\images\close.png&&........\....\.......\......\finish.png&&........\....\.......\......\loading.gif&&........\....\.......\css\zyPopup.css&&........\....\uploads\521.jpg&&........\....\jcrop_zh\js\jquery.Jcrop.js&&........\....\........\css\Jcrop.gif&&........\....\........\...\jquery.Jcrop.css&&........\....\core\zyFile.js&&........\....\..ntrol\js\jquery-1.7.2.js&&........\....\.......\..\zydemo.js&&........\....\.......\..\zyUpload.js&&........\....\.......\images\add_img.png&&........\....\.......\......\bg.png&&........\....\.......\......\del.png&&........\....\.......\......\delete_blue.png&&........\....\.......\......\delete_white.png&&........\....\.......\......\edit.png&&........\....\.......\......\edit_blue.png&&........\....\.......\......\edit_white.png&&........\....\.......\......\success.png&&........\....\.......\......\fileType\file.png&&........\....\.......\......\........\pdf.png&&........\....\.......\......\........\png.png&&........\....\.......\......\........\ppt.png&&........\....\.......\......\........\psd.png&&........\....\.......\......\........\rar.png&&........\....\.......\......\........\swf.png&&........\....\.......\......\........\ttf.png&&........\....\.......\......\........\txt.png&&........\....\.......\......\........\xls.png&&........\....\.......\......\........\zip.png&&........\....\.......\css\zyUpload.css&&........\....\.......\images\fileType&&........\....\zyPopup\js&&........\....\.......\images&&........\....\.......\css&&........\....\jcrop_zh\js&&........\....\........\css&&........\....\control\js&&........\....\.......\images&&........\....\.......\css&&........\....\zyPopup&&........\....\uploads&&........\....\jcrop_zh&&........\....\core&&........\....\control&&........\demo&&zyUpload
&输入关键字，在本站240万海量源码库中尽情搜索：