当前位置:网站首页>后台图库上传功能
后台图库上传功能
2022-08-03 10:06:00 【InfoQ】
知识付费后台图库使用 layui 上传模块,在使用时需引入 layui。导入 layui 的 upload 模块,创建容器。
如上图所示,创建 DOM 容器。
如上图所示,render 接收一个 object 参数,常用属性:
elem:指向容器选择器。
url:服务端上传接口。
accept:指定允许上传时校验的文件类型,可选值有:images(图片)、file(所有文件)、video(视频)、audio(音频)。
acceptMime:规定打开文件选择框时,筛选出的文件类型,值为用逗号隔开的 MIME 类型列表。如:acceptMime: 'image/*'(只显示图片文件)
。
exts:允许上传的文件后缀。一般结合
accept
参数类设定。假设 accept 为 file 类型时,那么你设置 exts: 'zip|rar|7z' 即代表只允许上传压缩格式的文件。如果 accept 未设定,那么限制的就是图片的文件格式。
size:设置文件最大可允许上传的大小,单位 KB。不支持 ie8/9
choose:选择文件后的回调函数。返回一个 object 参数,详见下图
源码附件已经打包好上传到百度云了,大家自行下载即可~
链接: https://pan.baidu.com/s/14G-bpVthImHD4eosZUNSFA?pwd=yu27提取码: yu27百度云链接不稳定,随时可能会失效,大家抓紧保存哈。
如果百度云链接失效了的话,请留言告诉我,我看到后会及时更新~
开源地址
码云地址:
https://gitee.com/ZhongBangKeJi/crmeb_zzff_class
Github 地址:
https://gitee.com/ZhongBangKeJi/crmeb_zzff_class
边栏推荐
猜你喜欢
随机推荐
金先生谈长效生长激素出海与产品力
简述设计的意义是什么_定义和概念的最大区别
投稿有礼,双社区签约博主名额等你赢!
一文了解,从RS485传感器到物联网关到云平台过程
Enter the SQL Client to create the table, in another node into the SQL Client queries
媒体查询代码
MySql数据库索引优化
Mysql OCP 27题
2022年起重机械指挥培训试题模拟考试平台操作
二叉查找树的插入
ClickHouse删除数据之delete问题详解
MySQL的分页你还在使劲的limit?
Let‘s Encrypt 使用
VL53L0X V2激光测距传感器 采集距离数据串口输出
Rabbit and Falcon are all covered, Go lang1.18 introductory and refined tutorial, from Bai Ding to Hongru, the whole platform (Sublime 4) Go lang development environment to build EP00
Mysql OCP 74题
57.【全排列的详细分析】
ClickHouse查询语句详解
Leecode-SQL 1527. 模糊查询匹配(模糊查询用法)
go泛型使用方法