html5uploader说明
html5uploader
简单基于h5的上传文件上传插件(根据网上资源修改)
使用方法
- 页面引用css与js
- 定义一个div
<div id="uploader"></div>
- 调用
$('#uploader').html5uploader({
auto:true,
multi:false,
basePath:'/Scripts/h5uploader/',
savePath:'/Upload/Files/'
});
参数说明
字段 | 类型 | 默认值 | 说明 |
---|---|---|---|
fileTypeExts | 数组 | [] | 允许上传的文件类型,文件后缀字符集合 ['.docx','.xls'] |
auto | 布尔 | false | 自动上传 |
multi | 布尔 | true | 多文件 |
buttonText | 字符 | 选择文件 | 上传按钮上的文字 |
removeTimeout | 数字 | 1000 | 上传完成后进度条的消失时间(毫秒) |
formData | Object | - | 附加的参数 |
fileDataName | 字符 | fileData | 上传时的文件参数名称 |
initQueue | 数组 | [] | 初始化显示的队列,编辑时传入已保存文件的路径列表,{name:'显示的名称',path:'服务器路径'} |
maxQueue | 数字 | 999 | 允许上传的最大数 |
fileSizeLimit | 数字 | 0 | 文件大小限制(单位KB),0时表示不限制 |
savePath | 字符 | 空 | 文件保存的相对路径(即服务器路径) 必选 |
saveFileNameTemplate | 字符 | '${prefix}_${fileName}' | 保存的文件名模版,可用参数 ${prefix}:前缀,格式为yyyyMMddHHmmssfff的时间戳 ${fileName}:原始文件名 |
basePath | 字符 | 空 | 插件的基础路径,即h5uploader的文件夹路径,如:/Scripts/h5uploader/ 必选 |
事件
事件 | 参数 | 说明 |
---|---|---|
onInit | 无 | 初始化时的动作 |
onUploadStart | file:文件对象 | 上传开始时的动作 |
onUploadSuccess | file:文件对象 res:服务器响应信息 |
上传成功的动作 |
onUploadComplete | file:文件对象 res:服务器响应信息 |
上传完成的动作 |
onUploadError | file:文件对象 res:服务器响应信息 |
上传失败的动作 |
onSelectedFiles | files:选择的文件数组 | 选择文件后的事件,接收一个布尔的返回值,false时取消上传 |
onDeletedFile | filepath:包含文件名的文件完整相对路径 | 删除队列中的文件时触发 |
onFileTypeError | 无 | 文件类型不允许时的回调 |
onFileSizeError | 无 | 文件大小超出限制时的回调 |
onQueueFull | 无 | 文件个数超出限制的回调 |
分类:
Html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
2019-05-08 bootstrap table 生成的表格里动态添加HTML元素按钮,JS中添加点击事件,点击没反应---解决办法