jQuery文件上传(带进度条)源码下载

作品, 技术, 资源  ·  2025-01-03

jQuery文件上传(带进度条)基础版本,附带源码下载(HTML + PHP 实现文件上传|图片上传功能)

在这里插入图片描述

要使用jQuery实现文件上传的进度条显示,你可以结合HTML5的XMLHttpRequest的upload属性以及jQuery的ajax方法来实现。插件描述:jQuery文件上传(带进度条显示),使用简单方便。

更新时间: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://uploads.sumer.work/up.php', //上传地址
    multiple: true, //是否多文件上传
    accept: '', //input accept属性
    fileTypes: 'png,webp,mp4', //文件格式
    buttonText: '选择文件', //按钮文字
    onUploadStart: function() {}, //请求开始
    onUploadSuccess: function() {}, //请求成功
    onUploadComplete: function() {}, //请求完成
    onUploadError: function(res, xhr) { //请求错误
        console.log(res, xhr)
    }
})

在这里插入图片描述在这里插入图片描述

源码下载:

下载地址:点击下载

示例演示:

演示地址:点击前往

评论