Struts2是一个流行的Java web框架，它提供了丰富的功能来处理用户请求，包括文件上传。在Struts2中实现文件上传时，我们通常会利用Action类的`@SkipValidation`注解，`@FileUpload`注解，以及Struts2提供的`File`和`String`类型的属性来接收上传的文件。在前端，JavaScript可以用来做初步的文件大小验证，避免用户上传过大的文件导致服务器端处理压力过大或者服务器资源浪费。
在JavaScript中，我们可以使用`HTML5`的File API来获取文件的信息，例如文件名、类型和大小。以下是一个简单的示例，展示如何在用户选择文件后检查其大小：
```javascript
function checkFileSize() {
var input = document.getElementById('fileInput'); // 获取文件输入元素
var file = input.files[0]; // 获取选中的文件
if (file) {
var fileSize = file.size; // 获取文件大小，单位为字节
var maxFileSize = 1048576; // 假设最大文件大小为1MB
if (fileSize > maxFileSize) {
alert('文件大小超过1MB，请重新选择');
return false;
}
} else {
alert('请选择一个文件');
}
}
```
在上述代码中，我们首先通过ID获取到`<input type="file">`元素，然后获取用户选择的文件。如果文件存在，我们检查其大小是否超过预设的最大值。如果超过，将弹出警告并阻止进一步的上传操作。
在Struts2中处理文件上传，我们需要在Action类中创建对应的字段，比如：
```java
private File uploadFile;
private String uploadFileContentType;
private String uploadFileFileName;
// getter & setter...
```
然后，我们可以在Action类的方法上使用`@Action`和`@Params`注解来指定文件参数：
```java
@Action("upload")
@Results({ @Result(name = "success", location = "success.jsp") })
public String upload() {
// 这里可以添加文件大小的验证，以及其他业务逻辑
return "success";
}
```
同时，为了处理文件上传，需要在`struts.xml`配置文件中添加对应的配置：
```xml
<package name="default" namespace="/" extends="struts-default">
<action name="upload" class="com.example.YourActionClass" method="upload">
<interceptor-ref name="defaultStack"/>
<interceptor-ref name="fileUpload">
<param name="maximumSize">1048576</param> <!-- 设置最大上传文件大小 -->
</interceptor-ref>
<result name="success">/success.jsp</result>
</action>
</package>
```
在上述配置中，`fileUpload`拦截器用于处理文件上传，我们可以设置最大允许的文件大小。如果上传的文件超过了这个大小，Struts2会抛出异常并返回错误信息。
在实际应用中，我们还需要处理文件保存、错误处理、多文件上传等情况。例如，可以使用Apache的Commons IO库来将上传的文件保存到服务器的特定位置。对于多文件上传，可以使用数组或List类型来接收多个文件。
`file.js`和`FileUploadField.js`可能是实现文件上传功能的JavaScript脚本文件，它们可能包含了对文件选择事件的监听、文件大小检查以及上传前的其他验证。具体实现需要查看这些文件的内容来了解。
Struts2的文件上传结合JavaScript的前端验证，可以构建一个健壮且用户体验良好的文件上传功能。需要注意的是，安全性和性能优化也是设计这类功能时必须考虑的因素，例如防止文件注入攻击，以及优化大文件上传的处理策略。
