当前位置:网站首页>后台图库上传功能
后台图库上传功能
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
边栏推荐
- Promise 2: Key Questions
- Enter the SQL Client to create the table, in another node into the SQL Client queries
- 使用GBase 8c数据库的时候,遇到这种报错“[[email protected] ~]$ /home/gbase/script/gha_ctl install -p……
- MySQL 免安装版的下载与配置教程
- VL53L0X V2激光测距传感器 采集距离数据串口输出
- Does setting the following sysctl settings require a system reboot?
- SAP Analytics Cloud 和 SAP Cloud for Customer 两款 SaaS 软件的集成
- Mysql OCP 73题
- mysql 运行的时候 报错
- Scrapy + Selenium implements simulated login and obtains dynamic page loading data
猜你喜欢
随机推荐
mysql 运行的时候 报错
cert-manager使用
媒体查询代码
oracle中的rownum函数
2022最新整理软件测试常见面试题附答案
C# Color颜色RGB对照表、颜色选择器
Ultra-detailed Asp.net uses SSL two-way authentication, one article is enough
阿里本地生活全域日志平台 Xlog 的思考与实践
二叉查找树的插入
Unity笔记之简陋的第一人称漫游
LeetCode第三题(Longest Substring Without Repeating Characters)三部曲之二:编码实现
SQL exam questions
What exactly does a firmware engineer do?
Mysql 主从复制 作用和原理
分辨率_分辨率越高越好?手机屏幕分辨率多少才合适?现在终于搞清楚了[通俗易懂]
Mysql OCP 30题
Scapy的介绍(一)「建议收藏」
go泛型使用方法
pytorch安装错误
mongodb服务启动失败_mongodb启动不了