struts2多文件上传显示进度

Struts2是一个非常流行的Java Web框架，用于构建和维护可扩展且易于管理的企业级应用程序。在Struts2中实现多文件上传并显示进度是常见的需求，尤其是在处理大文件或者批量上传时，用户需要实时了解上传进度以提升用户体验。在本案例中，我们将探讨如何在不依赖任何第三方插件的情况下实现这一功能。 我们需要了解Struts2的文件上传机制。Struts2通过Apache的Commons FileUpload库来处理文件上传。这个库提供了处理单个或多个文件上传的功能，并允许开发者设置最大文件大小、内存阈值等参数。在Struts2配置文件（struts.xml）中，我们需要开启文件上传支持： ```xml <constant name="struts.multipart.parser" value="jakarta"/> ``` 接着，创建一个Action类来接收上传的文件。Action类需要包含一个或多个`File`类型的字段和对应的`String`类型属性，这些属性将映射到HTML表单中的文件输入字段。例如： ```java public class UploadAction extends ActionSupport { private List<File> files; private List<String> fileNames; // getters and setters... } ``` 在HTML页面中，使用Struts2的标签库创建一个多文件选择输入框： ```html <s:form action="upload" method="POST" enctype="multipart/form-data"> <s:file name="files" multiple="multiple" label="选择文件" /> <s:submit value="上传" /> </s:form> ``` 然而，要在不使用插件的情况下显示上传进度，我们需要利用JavaScript和AJAX。由于文件上传通常涉及服务器端的处理，因此可以使用XMLHttpRequest的`onprogress`事件来获取已上传的数据量，并将其更新到页面的进度条上。这里可以使用jQuery或者其他前端框架来简化操作： ```javascript $(function() { $('form').on('submit', function(e) { e.preventDefault(); var formData = new FormData(this); $.ajax({ url: this.action, type: 'POST', data: formData, xhr: function() { var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener('progress', function(event) { if (event.lengthComputable) { var percent = Math.round((event.loaded / event.total) * 100); // 更新进度条 $('#progressBar').width(percent + '%'); } }); return xhr; }, cache: false, contentType: false, processData: false }).done(function(response) { // 处理上传成功后的逻辑 }); }); }); ``` 在这个例子中，我们创建了一个FormData对象来包裹表单数据，并监听`xhr.upload.progress`事件来获取上传进度。`event.loaded`表示已上传的字节数，`event.total`是总字节数。通过计算两者的比例，我们可以得到已上传的百分比，并更新进度条。 需要注意的是，这种方法可能不适用于所有浏览器，因为它依赖于HTML5的File API和XMLHttpRequest Level 2。对于不支持这些特性的旧版浏览器，可能需要考虑使用Flash或Silverlight等技术，但这已经超出了本次讨论的范围。 在后端处理文件上传时，确保正确处理文件保存逻辑，例如限制文件类型、检查文件大小、重命名文件以避免冲突等。此外，如果需要在后台处理大量数据，考虑使用异步任务或者多线程，以防止阻塞主线程。 Struts2多文件上传并显示进度的实现需要结合前端和后端的技术，通过AJAX和XMLHttpRequest的`onprogress`事件来动态更新进度条，同时确保后端处理的高效和安全性。