php.jq多图上传图片,jQuery多图上传图片上传精简版

这是一个关于文件上传插件的配置教程,该插件支持进度条显示,能限制上传文件的类型、大小和数量。只需简单的后端接口配合,即可实现文件上传并获取服务器返回的文件保存路径。使用时需引入特定版本的jQuery,并根据示例配置参数,如上传地址、成功后的回调路径、上传数量限制和允许的文件类型。
摘要由CSDN通过智能技术生成

eff84bbea9e0e9f55a948798fdf1e9be.png

94a6dc5feabd4193c6b752bf51a273a1.png

插件描述:配置简单功能强大支持进度条限制上传类型文件大小文件数量轻松配置后端值需要写个接口接收文件返回指定信息便可轻松搞定。

使用方法

引入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

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值