当前位置：网站首页>后台图库上传功能

后台图库上传功能

2022-08-03 19:51:00 【CRMEB】

知识付费后台图库使用 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
百度云链接不稳定，随时可能会失效，大家抓紧保存哈。

如果百度云链接失效了的话，请留言告诉我，我看到后会及时更新～

版权声明
本文为[CRMEB]所创，转载请带上原文链接，感谢
https://crmeb.blog.csdn.net/article/details/126133649