当前位置:网站首页>后台图库上传功能
后台图库上传功能
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
百度云链接不稳定,随时可能会失效,大家抓紧保存哈。
如果百度云链接失效了的话,请留言告诉我,我看到后会及时更新~
开源地址
边栏推荐
猜你喜欢

一种能有效缓解环境噪声对音频质量干扰的方案

MySQL 主从,6 分钟带你掌握!

网络协议-TCP、UDP区别及TCP三次握手、四次挥手

Node version switching tool NVM and npm source manager nrm

149. The largest number on a straight line, and check the set

JS 内置构造函数 扩展 prototype 继承 借用构造函数 组合式 原型式creat 寄生式 寄生组合式 call apply instanceof

【飞控开发高级教程4】疯壳·开源编队无人机-360 度翻滚

面试突击:什么是粘包和半包?怎么解决?

Matlab paper illustration drawing template No. 42 - bubble matrix diagram (correlation coefficient matrix diagram)

Statistical machine learning 】 【 linear regression model
随机推荐
LOL英雄联盟卡顿掉帧问题解决办法 2022年8月1日
详解AST抽象语法树
力扣刷题之求两数之和
ECCV2022 | 用于视频问题回答的视频图Transformer
pg_memory_barrier_impl in Postgresql and C's volatile
622 设计循环队列——Leetcode天天刷【循环队列,数组模拟,双指针】(2022.8.2)
「游戏建模干货」建模大师几步操作,学习经典,赶紧脑补一下吧
Node version switching tool NVM and npm source manager nrm
建模该从哪一步开始?给你分析,给零基础的你一些学习建议
面试突击:什么是粘包和半包?怎么解决?
力扣刷题之合并两个有序数组
不知道这4种缓存模式,敢说懂缓存吗?
Network protocol-TCP, UDP difference and TCP three-way handshake, four wave
glide set gif start stop
数据驱动的软件智能化开发| ChinaOSC
余弦距离介绍
Power button brush the topic of merging two orderly array
ERROR: You don‘t have the SNMP perl module installed.
node版本切换工具NVM以及npm源管理器nrm
不要再用if-else