写点什么

后台图库上传功能

作者:CRMEB
  • 2022 年 8 月 03 日
  • 本文字数:570 字

    阅读完需:约 2 分钟

后台图库上传功能

知识付费后台图库使用 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

用户头像

CRMEB

关注

还未添加个人签名 2021.11.02 加入

CRMEB就是客户关系管理+营销电商系统实现公众号端、微信小程序端、H5端、APP、PC端用户账号同步,能够快速积累客户、会员数据分析、智能转化客户、有效提高销售、会员维护、网络营销的一款企业应用

评论

发布
暂无评论
后台图库上传功能_CRMEB_InfoQ写作社区