zyupload多图上传插件

浏览:899 最后更新:2017-01-08 22:04 分类:示例 关键字: 上传 upload

上传demo演示:http://www.sucaihuo.com/php/1085.html
zyupload上传参数API$("#zyupload").zyUpload({ 
    width: "650px", // 宽度 
    height: "400px", // 宽度 
    itemWidth: "140px", // 文件项的宽度 
    itemHeight: "115px", // 文件项的高度 
    url: "./up.php", // 上传文件的路径 
    fileType: ["jpg", "png", "txt", "js"], // 上传文件的类型 
    fileSize: 51200000, // 上传文件的大小 
    multiple: true, // 是否可以多个文件上传 
    dragDrop: true, // 是否可以拖动上传文件 
    tailor: 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); 
        console.info("此文件上传到服务器地址:"); 
        console.info(response); 
        $("#uploadInf").append("<p>上传成功,文件地址是:" + response + "</p>"); 
    }, 
    onFailure: function(file, response) {          // 文件上传失败的回调方法 
        console.info("此文件上传失败:"); 
        console.info(file.name); 
    }, 
    onComplete: function(response) {                 // 上传完成的回调方法 
        console.info("文件上传完成"); 
        console.info(response); 
    } 
});
评论( 相关
后面还有条评论,点击查看>>