layui.upload总结

本文详细介绍layui上传组件的使用方法,包括如何将不同元素作为上传组件调用,如按钮、图片或普通DIV等。文章深入讲解了upload模块的引入,以及elem、bindAction、choose、before和done等事件的应用,帮助读者掌握文件上传的全过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.layui任何元素都可以作为上传组件来调用,譬如按钮、图片、普通的DIV等等,而不再是一个单调的file文件域。
(1)引入layui的upload模块。
elem:用户点击弹出选择文件上传的区域。
bindAction:用户点击触发上传按钮的事件。
choose:用户选择文件后触发的事件,开始遍历选择的文件,obj.preview(index,file),index代表文件的索引,file代表所选择的文件,包括基本的信息。
before:文件上传完毕前的调用,作用是显示一个load的图标,默认不会消失。
done:文件上传成功后调用,上传成功后关闭load图标。里面的参数作用可参考文档,在上传接口请求完毕后触发,但文件不一定是上传成功的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值