吐槽:Struts2 + uploadify进度条问题

先吐个槽:进度条问题啊!!!!一会到99%不动了,一会debug之后干脆进度条就不走了,一直在0%。

google了很久,发现好多人都遇到这样的问题,要么就是css冲突,要么js冲突。其实还有个最重要的原因,如下所述:


Jquery的上传组件uploadify是一个很好用也很简单的插件。

但是在使用过程中发现一个问题始终得不到解决,

就是在uploadify的中有一个上传完成回调函数,

但是单独写这个函数的话是没有作用的,

明明进度条已经走到100%了却还是不执行这个函数。

这是为什么呢,这个问题困扰了我好久,后来终于被我想通了,

原来之所以不执行指定的回调函数是因为uploadify组件认为还没有上传完成,

但是文件都上传100%了为什么uploadify还认为没有上传完成呢,

这是因为uploadify在等待服务器的反应,

只有当接收到服务器端的回信以后uploadify才会认为这次上传时成功的。

所以应该在服务器端将文件上传完成后随便向客户端返回点什么东西才可以,

比如向客户端随便输出一个字符串,这样uploadify才会认为上传过程已经完成,

开始执行完成回调函数。


最后在重申一下:后台一定要给页面response,如果直接return null,前台的进度条就有问题了!!!

FileOperationTool.copy(uploadify, new File(desFilePath));
			HttpServletResponse response = ServletActionContext.getResponse();
			response.setCharacterEncoding("utf-8"); // 务必,防止返回文件名是乱码

			try {
				response.getWriter().print(uploadifyFileName + " 上传成功");
			} catch (IOException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}// 向页面端返回结果信息
			return null;


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Struts2本身并不提供上传进度条的功能,但可以使用一些第三方插件来实现。 一种实现方式是使用jQuery插件uploadify,它可以在页面上显示上传进度条。步骤如下: 1. 引入jQueryuploadify的js和css文件。 2. 在页面上定义一个文件上传的input控件,并将其与uploadify关联。 ```html <input id="file_upload" name="file_upload" type="file" multiple="true"> ``` ```javascript $(function() { $('#file_upload').uploadify({ 'swf': 'uploadify.swf', 'uploader': 'uploadify.php', 'multi': true, 'auto': true, 'fileSizeLimit': '1024MB', 'onUploadProgress': function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) { // 计算上传进度并更新进度条 var percent = totalBytesUploaded / totalBytesTotal * 100; $('#progress').css('width', percent + '%'); } }); }); ``` 3. 在页面上定义一个进度条控件,用于显示上传进度。 ```html <div id="progress-bar"> <div id="progress"></div> </div> ``` 4. 在服务器端处理文件上传,并返回上传进度。 ```java public String upload() throws Exception { // 获取上传文件的输入流 InputStream inputStream = new FileInputStream(upload); // 获取上传文件的总大小 long fileSize = upload.length(); // 创建输出流,用于保存上传文件 OutputStream outputStream = new FileOutputStream(new File(uploadFileName)); byte[] buffer = new byte[1024]; int bytesRead = 0; long totalBytesRead = 0; // 读取上传文件并保存 while ((bytesRead = inputStream.read(buffer)) != -1) { outputStream.write(buffer, 0, bytesRead); totalBytesRead += bytesRead; // 计算上传进度并返回给客户端 double progress = (double) totalBytesRead / fileSize * 100; response.getWriter().print(progress); response.flushBuffer(); } outputStream.close(); inputStream.close(); return SUCCESS; } ``` 需要注意的是,上传进度条的实现需要在客户端和服务器端同时进行。客户端使用uploadify插件显示进度条服务器端在文件上传过程中计算上传进度并返回给客户端。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值