精简版jQuery文件上传

所属分类:输入-上传

 12241  35  查看评论 (40)
精简版jQuery文件上传 ie兼容10

更新时间:2017/11/8 上午10:40:48

更新说明:修改一个bug,文件上传后清理按钮还是为灰色,禁用状态


更新时间:2017/10/20 上午9:21:24

更新说明:修改点击清除上传多次响应的bug


更新时间:2017/10/16 下午11:56:03

更新说明:修改上传成功后的提示方法,成功上传:uploadTools.uploadSuccess(opt);//显示上传成功

新增了其它一些方法,详情去查看http://www.jq22.com/jquery-info13450


更新时间:2017/9/18 下午7:19:49

更新说明:上传文件类型检测出错


之前写过一个文件上传的,但是包含了进度信息,所以后台操作会比较麻烦,但是实时进度,可能很多用户用不到,这里有一个精简版的,取消了进度信息,至于使用的方法,请参考

http://www.jq22.com/jquery-info13450

如果有任何疑问,可联系:QQ1120850353

相关插件-上传

H5移动前端图片批量压缩上传

在移动端压缩图片并且上传主要用到filereader、canvas 以及 fmdata 这三个h5的api
  上传
 40393  104

zyupload图片上传修改版

在原zyupload基础上增加了放大,删除,目录选择功能 。上传的图片可以轮播查看, 上传图片有拖拽图片和文件功能
  上传
 9122  34

jquery上传插件pictureHandle.js

基于jquery上传插件pictureHandle.js,带压缩、且代码注释全
  上传
 11468  25

jQuery多图上传插件imgUp.js

可以多图的上传,预览,并带删除功能
  上传
 41771  379

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

    黑黑黑黑黑黑. 0
    2017/11/17 17:29:33

    大神, 为什么上传后,这个事件不执行,求解"onUpload": onUploadFun,//在上传后执行的函数

        葬梦0
        2017/11/17 19:22:41

        在测试的时候并不会进行回调,在你填写上传地址后,进行实际上传的时候会尽心回调

    回复
    旧城。 0
    2017/11/9 12:58:35
    function testUpload() {
        alert('上传');
        var opt = uploadTools.getOpt("fileUploadContent");
        uploadEvent.uploadFileEvent(opt);
        console.log(uploadEvent.uploadFileEvent(opt));
    }

    这个上传函数字母打印出来是未定义,怎么把数据传到后台去?

        旧城。0
        2017/11/9 13:29:06

        后台用$_FILES[ '  xxx'  ]  这里面写的参数名是什么???

        旧城。0
        2017/11/9 13:58:13

        $_FILES[ '  file '  ]  可以获取 ,,接下来多图上传,就不知道要怎么获取了

        葬梦0
        2017/11/9 14:52:37

        如果你是PHP要改个代码,就是后台上传的时候命名的file,添加多个,要后面跟上参数如0,1,2,3,也就是最后上传的参数为file0,file1,file2

    回复
    伏广宇 0
    2017/11/8 3:40:53

    我上传文件到我的阿里云实例中uploadurl要怎么写,小白不会

        葬梦0
        2017/11/8 10:18:21

        插件的作用是负责文件数据的上传,上传到后台服务器,由服务器,你的后台系统进行文件保存

    回复
    . 0
    2017/11/6 16:58:42

    大神,这个文件上传成功之后,为什么上传和清楚的按钮是灰色的,点击不了

        葬梦0
        2017/11/6 17:02:02
        理论上不会出现这个问题,你检查一下,如果还是出现这个问题,你联系我,我帮忙看看QQ:1120850353
    回复
    周穆浩 0
    2017/11/6 16:07:10

    大哥,你这个php能用吗,我看你是java

        葬梦0
        2017/11/6 16:36:14

        可以用

        葬梦0
        2017/11/6 16:36:54

        要做些修改,可以看看,我另一个版本的,下面有留言提到这个问题,需要改动一下,你也可以联系我

    回复
    你渲染了我的空城 0
    2017/11/2 9:37:06

      有没有对应的下载

        葬梦0
        2017/11/3 9:07:02

        对应?

    回复
    喏喏之汐 0
    2017/10/27 9:53:11

    弱弱的问句,后台怎么获取图片数据呢?比如我要上传到

    http://localhost:8080/image/目录下
    "uploadUrl":"/upload/uploadPics.do",//上传文件信息地址
    @RequestMapping(value = "/upload/uploadPics.do")
    public void uploadPics() {
       ???
    }
        葬梦0
        2017/10/27 9:54:40

        去看看这个:http://www.jq22.com/jquery-info13450

        里面有说明,最后下面有个百度云链接,你下载下来里面有代码

        喏喏之汐0
        2017/10/27 10:57:45

        感谢,我看看

    回复
    重度强迫症患者? 0
    2017/10/25 15:55:28

    为什么设置了uploadUrl在后台没有看到上传的文件呢

        葬梦0
        2017/10/25 15:56:48

        后台看看是否正确获取到文件,用F12查看上传的文件数据

    回复
    璃月 0
    2017/10/24 17:59:00

    我们要求Word、pdf、jpg、ppt、dwg等,这些都可以吗

        葬梦1
        2017/10/24 17:59:42

        都可以

         //"fileType":['png','jpg','docx','doc'],//文件类型限制,默认不限制,注意写的是文件后缀

        我限制了

        璃月0
        2017/10/24 18:00:31

        明白了 谢谢!!!

    回复
    璃月 0
    2017/10/24 17:57:20

    请问都支持什么格式的文件?我试了一下  .txt和.html都不行?

        葬梦0
        2017/10/24 17:58:14

        什么格式都支持但是你要自己写进去

        看这个:http://www.jq22.com/jquery-info13450

        葬梦0
        2017/10/24 17:58:52

            //"fileType":['png','jpg','docx','doc'],//文件类型限制,默认不限制,注意写的是文件后缀

    回复
取消回复