后台图库上传功能

知识付费后台图库使用 layui 上传模块,在使用时需引入 layui。导入 layui 的 upload 模块,创建容器。

后台图库上传功能_第1张图片

如上图所示,创建 DOM 容器。

后台图库上传功能_第2张图片

如上图所示,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 参数,详见下图

后台图库上传功能_第3张图片

源码附件已经打包好上传到百度云了,大家自行下载即可~

链接: https://pan.baidu.com/s/14G-b...
提取码: yu27
百度云链接不稳定,随时可能会失效,大家抓紧保存哈。

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

开源地址

码云地址:

https://gitee.com/ZhongBangKe...

Github 地址:

https://gitee.com/ZhongBangKe...

你可能感兴趣的:(知识付费上传)