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

所属分类:输入-上传

 23642  65  查看评论 (87)
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>
相关插件-上传

图片预览上传插件bootstrap-fileinput.js

bootstrapfileinput预览上传图片并使用FmData上传,上传url根据实际情况填写
  上传
 30510  127

图片上传插件

图片上传插件
  上传
 38995  93

pc端图片批量上传,可拖动图片交换位置

jQuery可批量上传图片 可以拖动交换位置 可删除
  上传
 20453  81

jQuery图片上传展示插件imgFileupload.js

jQuery图片上传展示,支持多图上传,限制图片上传个数
  上传
 7141  50

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

    !!! 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

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

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

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

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

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

    回复
取消回复