上一篇文章《基于ThinkPHP5+layui框架,实现图片上传以及图片预览》,通过实现EY内容管理系统的文章发布功能,大略的实现了单个图片上传。
本日想实现多图上传(即多文件批量上传),就小试了一下牛刀,几经周折也算实现了多文件上传,并增加额外参数到提交到后台,本日将前审察干的html代码和js代码分享一下:
layui实现多文件上传、预览、增加额外参数干系的html代码
实现多文件上传、预览、增加额外参数干系的js代码如下:
layui实现多文件上传、预览、增加额外参数干系的js代码请点击此处输入图片描述
由于layui的多表单提交不能像常日情形下,通过name=\"大众pic[]\"大众来实现,必须通过以下形式实现,以是须要动态赋值。
便是这样,虽然代码不是特殊的优化,能实现功能就好,或许数天时候再次碰着类似问题时会有更好的代码实现。关于上传接口这一块实现这一块可参考上一篇文章。