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

所属分类:输入-上传

 28437  68  查看评论 (92)
jQuery多图上传图片上传精简版 ie兼容6

使用方法

引入css

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

创建容器

<script>
    //配置需要引入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
    });
</script>
相关插件-上传

jquery头像上传剪裁插件cropper

cropper是一款使用简单且功能强大的图片剪裁jQuery插件
  上传
 53326  365

图片上传插件

图片上传插件
  上传
 41561  98

jQuery仿淘宝管理商品批量图片上传插件

jQuery淘宝上传商品图片代码,批量上传插件,(不兼容IE6,7,8)
  上传
 27311  72

js上传图片预览

js上传图片本地预览
  上传
 64683  211

讨论这个项目(92)回答他人问题或分享插件使用方法奖励jQ币

    曾楚周 0
    2018/6/25 16:52:13
    请问各位大神,这个插件,后台怎么接收啊
        曾楚周0
        2018/6/25 16:53:45
        php 用 $_FILES 接不到
    回复
    CHRui 0
    2018/5/4 21:02:40
    不是说兼容IE8吗,我在IE8上选图片保错(无法获取未定义或 null 引用的属性"length")upload.min.js(1,398) 回复
    !!! 0
    2018/4/3 10:12:13
    大哥 能写下后台吗
    回复
    0^0 0
    2018/2/27 14:20:36
    图片成功上传到服务器了,但是会提示上传失败。还有选择图片后,显示的速度有点慢。
    回复
    Hu.R 0
    2018/1/31 10:56:28

    看了一下他写的jQuery,后台返回两个参数,一个是state一个是path,state就是状态成功返回1就可以了,path就是保存的路径,这个你传个真的假的都可以成功

    回复
    半夏ちミ忆素颜 0
    2018/1/24 21:45:19

    上传成功后需要按照要求返回对应的状态和文件保存的地址的,这个怎么写。谁知道的告诉我一下

    回复
    半夏ちミ忆素颜 0
    2018/1/24 16:04:38

    后台怎么获取路径

        半夏ちミ忆素颜0
        2018/1/24 16:05:12

        用servlet

        半夏ちミ忆素颜0
        2018/1/24 16:05:52

        用servlet怎么获取数据

    回复
    N'ST 0
    2017/12/30 10:29:57

    返回了相应的state,还是一直请求失败,大神,可以写一下.net的后台吗?

    回复
    妩媚。 0
    2017/12/9 16:51:53

    这个c#的后台怎么写?

    回复
    ???殇 0
    2017/12/8 9:11:20

    要支持中文命名的文件,这样修改

        灵魂守卫1
        2018/7/13 23:14:31

        里边有一句这个校验的,你去掉试试

        if (reg.test(name)) {
            info = "文件名不能含有中文";
            status[sike].state = 1;//禁止上传
        }
    回复
取消回复