layui多文件上传讲解_.Net学习笔记之Layui多图片上传功能

前言：

多图上传在一些特殊的需求中我们经常会遇到，其实多图上传的原理大家都有各自的见解。对于Layui多图上传和我之前所说的通过js获取文本框中的文件数组遍历提交的原理一样，只不过是Layui中的upload.render方法已经帮我们封装好了，我们只管调用即可，也就是说你选中了几张图片，那么将会向后台请求与图片张数相同的次数，即为遍历提交的方式。

Layui文件/图片样式地址(官方文档)：https://www.layui.com/demo/upload.html

一、引入Layui.cs和Layui.js：

需要本地项目中存在layui相关样式和js，非网络地址

当然假如你需要有弹框提示的话，你还需要引入Layer.js

二、前端代码：

a.Html中的代码：

滚动图片：

滚动图片上传【推荐上传三张】 

预览图：

b.js中的代码：

layui.use('upload',

function () {

var $ = layui.jquery, upload = layui.upload;

//多图片上传

upload.render({

elem: '#test2',

url: '/File