jquery+struts2实现文件上传

在本文中，我们将深入探讨如何使用jQuery和Struts2框架实现文件上传功能。这是一个常见的需求，在Web应用中，用户可能需要上传图片、文档等文件。jQuery是一个轻量级的JavaScript库，提供了丰富的交互效果和API，而Struts2是Java企业级开发中广泛使用的MVC框架，它提供了一套完善的文件上传机制。 我们需要确保在项目中引入了Struts2的核心库。根据描述，这里提到“没有jar包，下载后只需引入struts2jar”。这意味着你需要下载Struts2的官方发行版，其中包含struts2-core.jar和其他必要的依赖库。这些库通常可以通过Maven或Gradle等构建工具添加到项目中，或者手动复制到项目的lib目录下。 接下来，我们配置Struts2的Action类以处理文件上传。在Java代码中，创建一个继承自`ActionSupport`的类，并添加一个字段来接收上传的文件。例如： ```java public class FileUploadAction extends ActionSupport { private File file; private String fileName; private String contentType; // getter and setter methods... public String execute() throws Exception { // 处理上传文件的逻辑 } } ``` 然后，需要在Struts2的配置文件（struts.xml）中定义Action，指定文件上传的参数和结果： ```xml <action name="fileUpload" class="com.example.FileUploadAction"> <interceptor-ref name="defaultStack"/> <result name="success">/success.jsp</result> <result name="input">/upload.jsp</result> </action> ``` 在HTML表单中，使用jQuery来增强用户体验。HTML部分应包含一个`<form>`元素，设置`enctype="multipart/form-data"`以支持文件上传，以及一个`<input type="file">`元素让用户选择文件： ```html <form id="uploadForm" action="fileUpload.action" method="post" enctype="multipart/form-data"> <input type="file" name="file" id="fileInput"> <button type="submit">上传</button> </form> ``` 现在，我们可以使用jQuery的`FormData`对象和`ajax`方法来发送文件上传请求。在页面加载完成后，监听表单的提交事件： ```javascript $(document).ready(function() { $('#uploadForm').submit(function(event) { event.preventDefault(); // 阻止默认的表单提交行为 var formData = new FormData(this); $.ajax({ url: this.action, type: 'POST', data: formData, async: false, // 如果需要获取返回值，设置为false cache: false, contentType: false, processData: false, success: function(response) { // 处理服务器返回的结果 }, error: function(jqXHR, textStatus, errorThrown) { // 处理错误情况 } }); }); }); ``` 在这个例子中，`FormData`对象用于包裹表单数据，`contentType: false`和`processData: false`是关键设置，以确保jQuery不会尝试转换文件对象。`async: false`可以阻止异步请求，以便在`success`回调中获取服务器的响应。 不要忘记在服务器端处理上传的文件，例如将文件保存到特定目录，或者进行其他业务逻辑处理。在`FileUploadAction`的`execute`方法中，你可以使用Apache Commons IO库的`FileUtils.copyFile()`方法将文件移动到目标位置。 总结起来，通过结合jQuery和Struts2，我们可以实现一个用户友好的文件上传功能。这涉及前端的HTML表单、jQuery的Ajax调用，以及后端的Struts2 Action处理和文件保存。记得在实际开发中，还要考虑错误处理、文件大小限制、多文件上传等功能扩展。