Struts2JQuery文件上传进度条资源-CSDN文库

共43个文件

jar：7个

class：6个

gif：6个

需积分: 10 90 浏览量 2019-07-27 03:23:36 上传评论收藏 3.44MB RAR 举报

Struts2是一个非常流行的Java Web框架，用于构建可维护、可扩展且结构良好的Web应用程序。在Struts2中实现文件上传功能，可以极大地提升用户体验，尤其是当上传大文件时，进度条显示可以让用户知道文件上传的状态，提高交互性。本教程将详细讲解如何在Struts2中集成JQuery File Upload插件，实现文件上传的进度条效果。我们需要在项目中引入Struts2和JQuery的相关库。Struts2提供了强大的Action支持，而JQuery则是一个强大的JavaScript库，用于处理前端交互。JQuery File Upload是一个基于JQuery的插件，它支持多文件上传和进度条显示。 1. 添加依赖：在你的`pom.xml`（如果你的项目是Maven）或`build.gradle`（如果你使用Gradle）文件中，添加Struts2和JQuery File Upload的依赖。对于Maven，这可能类似于： ```xml <dependencies>  <dependency> <groupId>org.apache.struts</groupId> <artifactId>struts2-core</artifactId> <version>2.5.24</version> </dependency>  <dependency> <groupId>org.webjars</groupId> <artifactId>jquery</artifactId> <version>3.6.0</version> </dependency>  <dependency> <groupId>com.github蓝狐先生</groupId> <artifactId>struts2-jquery-file-upload-plugin</artifactId> <version>4.2.0</version> </dependency> </dependencies> ``` 2. 配置Struts2：在`struts.xml`配置文件中，添加Struts2的Action配置，用于处理文件上传请求。例如： ```xml <package name="upload" namespace="/" extends="struts-default"> <action name="fileUpload" class="com.example.FileUploadAction"> <interceptor-ref name="defaultStack"/> <result name="success">/success.jsp</result> </action> </package> ``` 3. 创建Action类：创建一个名为`FileUploadAction`的Java类，实现文件上传的逻辑。确保该类继承自`ActionSupport`，并覆盖`execute`方法来处理文件。 ```java public class FileUploadAction extends ActionSupport { private File file; private String fileContentType; private String fileFileName; // getters and setters... @Override public String execute() throws Exception { // 保存文件到服务器 File targetFile = new File("/path/to/save/uploaded/files", fileFileName); Files.copy(file.getInputStream(), targetFile.toPath(), StandardCopyOption.REPLACE_EXISTING); // 返回结果 return SUCCESS; } } ``` 4. 前端页面：使用HTML和JQuery创建上传界面。确保引入JQuery和JQuery File Upload的CSS/JS文件。下面是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>Struts2 jQuery File Upload</title> <link rel="stylesheet" href="/webjars/jquery-ui/1.12.1/jquery-ui.min.css"> <link rel="stylesheet" href="/struts2-jquery-file-upload/css/fileupload.css"> <script src="/webjars/jquery/3.6.0/jquery.min.js"></script> <script src="/webjars/jquery-ui/1.12.1/jquery-ui.min.js"></script> <script src="/struts2-jquery-file-upload/js/fileupload.js"></script> </head> <body> <form action="fileUpload.action" method="post" enctype="multipart/form-data"> <div id="fileupload"> <noscript> <p>Please enable JavaScript to use file upload feature.</p> <input type="file" name="files[]" multiple /> </noscript> </div> <button type="submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"> <span class="ui-button-text">Upload</span> </button> </form> <script> $('#fileupload').fileupload({ url: 'fileUpload.action', progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); console.log('Progress: ' + progress + '%'); } }); </script> </body> </html> ``` 5. 配置JQuery File Upload插件：根据你的需求配置JQuery File Upload插件，如设置上传限制、进度条样式等。在上述示例中，我们已经添加了一个`progressall`事件处理器，用于在控制台打印上传进度。通过以上步骤，你就成功地在Struts2应用中集成了JQuery File Upload插件，实现了文件上传的进度条显示。在实际项目中，你可能还需要考虑文件大小限制、错误处理、文件存储策略等更多细节。记住，安全始终是首要考虑的因素，比如防止恶意文件上传和处理文件名冲突问题。

资源推荐

资源详情

资源评论

收起资源包目录

package

struts2progressfileupload.rar （43个子文件）

folder

struts2progressfileupload

folder

WebContent

folder

images

progressbg_black.gif 2KB

progressbg_green.gif 1KB

progressbg_red.gif 1KB

progressbg_orange.gif 1KB

progressbar.gif 120B

progressbg_yellow.gif 1KB

folder

META-INF

MANIFEST.MF 39B

folder

WEB-INF

web.xml 1KB

folder

lib

commons-logging-1.0.4.jar 37KB

xwork-2.0.7.jar 449KB

ognl-2.6.11.jar 164KB

commons-fileupload-1.2.1.jar 56KB

commons-io-1.3.2.jar 86KB

struts2-core-2.0.14.jar 2.22MB

freemarker-2.3.13.jar 850KB

folder

js

jquery.js 56KB

upload.js 1KB

jquery.progressbar.min.js 4KB

jquery.progressbar.js 6KB

index.jsp 358B

upload.jsp 985B

folder

.settings

org.eclipse.wst.jsdt.ui.superType.name 6B

org.eclipse.wst.common.project.facet.core.xml 320B

org.eclipse.core.resources.prefs 94B

org.eclipse.wst.common.component 505B

org.eclipse.wst.jsdt.ui.superType.container 49B

.jsdtscope 454B

org.eclipse.jdt.core.prefs 330B

folder

src

folder

com

folder

morningstar

folder

action

UploadProgressAction.java 2KB

FileUploadAction.java 2KB

folder

extend

UploadMultiPartRequest.java 9KB

UploadProgressListener.java 1KB

UploadInfo.java 2KB

struts.xml 1KB

.project 1KB

.classpath 838B

folder

build

folder

classes

folder

com

folder

morningstar

folder

action

FileUploadAction.class 2KB

UploadProgressAction.class 3KB

folder

extend

UploadMultiPartRequest.class 7KB

UploadInfo.class 2KB

UploadProgressListener.class 2KB

UploadMultiPartRequest$1.class 2KB

struts.xml 1KB

内容反馈

weixin_38669628

粉丝: 387
资源: 6万+

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip