HTML5的出现极大地简化了多文件上传的功能，使得用户可以在浏览器端选择并上传多个文件，无需复杂的JavaScript或者Flash插件支持。在这个示例中，主要涉及的技术点包括HTML5的`<input>`元素的`multiple`属性、表单的`ENCTYPE`属性以及Java后端的文件处理。
1. HTML5的`<input type="file" multiple>`:
这个标签允许用户在文件对话框中选择多个文件。`multiple`属性是HTML5新增的，它使得用户可以在一个文件选择对话框中勾选多个文件进行上传。在示例代码中，`<input type="file" name="multipleFileUpload" multiple />`就是实现多文件选择的关键。
2. 表单的`ENCTYPE`属性:
在HTML的`<form>`标签中，`ENCTYPE`属性用于指定表单数据的编码类型。对于上传文件，需要将其设置为`multipart/form-data`，这样才能正确地传输二进制文件数据。在示例中，`<form id="myForm" action="http://10.10.25.31:8080/myupload/UploadPhotoServlet" ENCTYPE="multipart/form-data" METHOD="POST">`指定了表单的编码类型和提交方法。
3. Java后端处理文件上传:
示例中的Java代码使用了Apache Commons FileUpload库来处理文件上传。这个库提供了一种方便的方式来处理`multipart/form-data`编码类型的请求。主要步骤包括：
- 创建`DiskFileItemFactory`实例，用于配置临时存储文件的路径和大小。
- 使用`ServletFileUpload`，它继承自`FileUpload`，可以处理来自HTTP请求的文件上传。
- 在`doPost`方法中，检查请求是否包含文件，然后使用`ServletFileUpload.parseRequest(request)`解析请求，得到一个`List<FileItem>`列表。
- 遍历`FileItem`列表，对每个文件执行相应的操作，如保存到服务器、验证文件类型等。示例代码中，没有展示具体的文件保存逻辑，但通常会涉及到创建文件名、保存到指定目录以及处理可能出现的异常。
4. 文件保存逻辑:
通常在Java后端，我们会将上传的文件保存到服务器的一个特定目录下。示例中虽然没有给出具体实现，但通常会有一个逻辑来生成唯一的文件名，比如结合当前时间戳和随机数，防止文件重名。同时，可能会有文件大小和类型的检查，以确保安全性和存储空间的有效利用。
5. 安全性与优化:
实际应用中，除了功能实现，还需要考虑安全性问题，例如防止恶意用户上传大文件导致服务器资源耗尽，或者上传含有病毒的文件。此外，还可以通过异步上传、进度条显示等方式提升用户体验。
总结来说，这个示例展示了如何使用HTML5和Java实现多文件上传功能，涵盖了前端的选择机制和后端的接收及处理过程。在实际开发中，我们需要根据具体需求进行相应的调整和优化，确保上传过程的安全、稳定和高效。
