jQuery多图上传图片上传精简版

使用方法

引入相关CSS文件

<link rel="stylesheet" href="css/upload.css">

初始化、参数配置

//配置需要引入jq 1.7.2版本以上
//服务器端成功返回 {state:1,path:文件保存路径}
//服务器端失败返回 {state:0,errmsg:错误原因}
//默认做了文件名不能含有中文,后端接收文件的变量名为file
$("#zwb_upload").bindUpload({
    url:"/home/index/upload",//上传服务器地址
    callbackPath:"#callbackPath2",//绑定上传成功后 图片地址的保存容器的id或者class 必须为input或者textarea等可以使用$(..).val()设置之的表单元素
    // ps:值返回上传成功的 默认id为#callbackPath  保存容器为位置不限制,id需要加上#号,class需要加上.
    // 返回格式为:
    // 原来的文件名,服务端保存的路径|原来的文件名,服务端保存的路径|原来的文件名,服务端保存的路径|原来的文件名,服务端保存的路径....
    num:10,//上传数量的限制 默认为空 无限制
    type:"jpg|png|gif|svg",//上传文件类型 默认为空 无限制
    size:3,//上传文件大小的限制,默认为5单位默认为mb
});