php移动端多图上传插件,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);

}

});

});