当前路径: 星河码客 » 插件特效 » html5多图上传插件 支持拖拽- zyUpload

html5多图上传插件 支持拖拽- zyUpload

此插件的服务端保存方法的代码为php,演示不保存文件。头部引用css和js脚本放置按钮zyFile示例js调用demo$(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

在线演示        积分下载        6毛下载        砍两刀下载       

文件目录······
暂无数据
 猜你喜欢 更多»
 工具推荐 更多»