html - 如何在html中将多个图像上传到服务器

Question

我有密码

<form id="styleImageForm1" method= "post" action="../imageUpload/productStyle.json" enctype="multipart/form-data">
   <input type="file" id="my-element1" name="commonsMultipartFile" value="" multiple />
</form>

只上传被选中的第一张图片，而不是所有图片。我的问题是多张图片上传是如何工作的？它是一次拍摄所有图像还是一张一张地发送到服务器。

Answer 1

将 [] 放入名称字段，它会创建一个数组，您可以在其中查看要上传的所有文件
试试这个代码:

<form id="styleImageForm1" method= "post" action="../imageUpload/productStyle.json" enctype="multipart/form-data">
   <input type="file" id="my-element1" name="commonsMultipartFile[]" value="" multiple />
</form>