jQuery文件上传(带进度条)

所属分类:输入-上传

 13434  106  查看评论 (31)
分享到微信朋友圈
X
jQuery文件上传(带进度条) ie兼容10

更新时间:2020-11-29 22:10:34

更新说明:新增fileChangeEnd(file)  ;返回上传的文件


更新时间:2020-11-27 23:13:18

更新说明:新增autoUpload   用以判断时候自动上传还是点击某元素后再上传


更新时间:2020-11-17 20:49:43

更新说明:修改了fileTypes判断依据,  判断依据改为文件后缀名(之前是根据上传文件的type判断)


更新时间:2020-07-22 01:18:51

$(".fileupload").filesUpload({
    url: 'http://up.qiniu.com', //上传地址
    multiple: true, //是否多文件上传
    accept: '', //input accept属性
    fileTypes: 'png,webp,mp4', //文件格式
    buttonText: '选择文件', //按钮文字
    onUploadStart: function() {}, //请求开始
    onUploadSuccess: function() {}, //请求成功
    onUploadComplete: function() {}, //请求完成
    onUploadError: function(res, xhr) { //请求错误
        console.log(res, xhr)
    }
})
相关插件-上传

jQuery图片上传预览支持拖拽

上传单个图片,同时支持将图片拖拽在框中
  上传
 51431  355

jQuery图片上传预览带压缩功能

基于jquery 的canvas压缩图片上传到服务器并在前端展示
  上传
 40713  293

支持IE8的多文件、多图异步上传并能预览的插件

该插件是基于百度webuploader的一个插件,支持IE8,可以上传任何文件,上传图片可以预览,异步上传,使用非常方便
  上传
 57276  328

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

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

讨论这个项目(31)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ? 0
    2021/4/6 13:57:30
    作者你好,怎么可以上传成功后,删除上传的某一项 回复
    嗯、好傻 0
    2021/3/10 17:57:38
    可以传文件夹吗
        时光 や最深处0
        2021/3/11 10:14:30
        ......不可以
    回复
    ?边走边?爱反正人山人海 0
    2021/1/22 18:11:36
    你好 可以加下扣扣嘛想请教一下怎么传参数啊谢谢 一四四六九八零二一零
        时光 や最深处0
        2021/2/23 14:33:55
        直接改js里面上传的代码啊
    回复
    ?边走边?爱反正人山人海 0
    2021/1/22 17:08:01
    你好 请问怎么传参数呀 回复
    天使也掉毛 0
    2021/1/14 11:13:50
    参数怎么传,如果我放在请求url后面,在我打开页面修改参数后上传的时候参数还是没有变 回复
    曾经最掏心。 0
    2021/1/5 10:23:00
    这个可以上传pdf吗
        西瓜0
        2021/1/5 10:52:10

        当然可以自己修改后缀名判断即可

        fileTypes: 'png,webp,mp4', //文件格式

        注意前台判断了,后台也要判断哦!

    回复
    4 0
    2020/12/28 17:00:57
    如果要自己写ajax上传的话,可以不填url吗
        时光 や最深处0
        2021/1/6 17:51:54
        可以啊

    回复
    马云不疼马化腾 0
    2020/12/17 9:28:44
    作者你好,上传路径怎么修改
        时光 や最深处0
        2020/12/17 10:21:24
        $(".fileupload").filesUpload({
            url:'http://up.qiniu.com',//上传地址
        })
        马云不疼马化腾0
        2020/12/17 10:26:51
        我把路径改成我自己的之后就会报错
        时光 や最深处0
        2021/1/6 17:52:15
        看是啥错误啊
    回复
    西瓜 0
    2020/11/27 23:21:49
    需要改进下,选择完文件后应该显示下文件名,否则让用户以为无效果。
        时光 や最深处0
        2020/11/28 10:54:51
        新增fileChangeEnd(file) ;返回的选择的file
    回复
    ?爺敢哭 敢笑 ■纯汉纸‘ 0
    2020/11/26 9:46:54
    怎么让它点击上传的时候再上传呢 不要一选完就上传
        时光 や最深处1
        2020/11/27 18:12:49

        autoUpload:为空则选完立即上传,不为空(class)则点击在上传

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复