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

所属分类:输入-上传

 18370  55  查看评论 (80)
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插件
  上传
 40825  324

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

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

jQuery多图上传

jQuery多图图片上传.net后端以写好,直接使用
  上传
 29421  115

基于PhotoClip移动端上传图片裁剪

移动端上传图片裁剪插件简单版
  上传
 10126  71

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

    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

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

    回复
    不要说话 0
    2017/12/4 9:42:46

    ie10以下根本不支持,报错null !请解释!

    回复
    虚拟人格 0
    2017/12/3 19:41:22

    我没改什么 一直是上传失败啊

    回复
    天123456 0
    2017/11/23 12:57:42

    请问下,上传到指定文件夹之后,怎么把路径传给后台呀?

    回复
    何春艳-广州中科诺泰技术 0
    2017/11/21 11:26:44

     无法获取未定义或 null 引用的属性“length”

        不要说话0
        2017/12/4 9:43:21
        压根就不支持ie10以下 作者坑人
    回复
    一枝独秀 0
    2017/11/16 11:36:26

    大神ie8,ie9错误提示无法获取未定义或 null 引用的属性“length”是怎么回事

    回复
    死道友不死贫道 0
    2017/9/30 15:31:08
    酒香缘jxy179 0
    2017/9/29 9:19:37

    js文件建议修改224行-228行              

      if (val == '') {
          callInput.val(val + item.name + "," + data.path);
      } else {
          callInput.val(val + "|" + item.name + "," + data.path);
      }
    回复
取消回复