上一篇文章《基于ThinkPHP5+layui框架,实现图片上传以及图片预览》,通过实现EY内容管理系统的文章发布功能,大略的实现了单个图片上传。

本日想实现多图上传(即多文件批量上传),就小试了一下牛刀,几经周折也算实现了多文件上传,并增加额外参数到提交到后台,本日将前审察干的html代码和js代码分享一下:

layui实现多文件上传、预览、增加额外参数干系的html代码

phplayui上传文件layui框架多文件上传小试牛刀携带额外参数到后台 Python

实现多文件上传、预览、增加额外参数干系的js代码如下:

layui实现多文件上传、预览、增加额外参数干系的js代码请点击此处输入图片描述

由于layui的多表单提交不能像常日情形下,通过name=\"大众pic[]\"大众来实现,必须通过以下形式实现,以是须要动态赋值。

便是这样,虽然代码不是特殊的优化,能实现功能就好,或许数天时候再次碰着类似问题时会有更好的代码实现。
关于上传接口这一块实现这一块可参考上一篇文章。