layui多文件上传讲解_Laravel 使用 layui 文件上传组件批量上传图片

摘要

Laravel 使用 layui 文件上传组件批量上传图片。

layui是一款经典国产模块化前端UI框架，首先看看官方的介绍：

layui(谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

使用起来，还是很顺手的，因需要上传图片，就看看文件上传组件如何，首先看官方的文档

接下来就开始动手了，首先你需要准备好一个laravel应用，这里就不做介绍了，接着将下载好的layui文件夹放到应用的public目录中，结构基本如下：

然后我们写好前台文件，直接上代码，我直接写在默认的视图文件中

resources\views\welcome.blade.php

Laravel

.layui-upload-img

{

width: 92px;

height: 92px;

margin: 0 10px 10p