NutzCN Logo
问答 webuploader文件上传进度条怎么显示
发布于 2464天前 作者 zp8821138 7107 次浏览 复制 上一个帖子 下一个帖子
标签:

后台代码

@AdaptBy(type = UploadAdaptor.class, args = { "${app.root}/WEB-INF/tmp","8192", "utf-8"})
	@At("/file")
	@Ok("json")
	public Object uploadFile(@Param("file") TempFile tmpFile,HttpServletRequest req){
		UploadInfo uploadInfo = Uploads.getInfo(req);
		Map<String, Object> data = new HashMap<String, Object>();
		try {
			File formFile = tmpFile.getFile();
			String tmpName = tmpFile.getSubmittedFileName();
			String fileName = generateFileName(tmpName);
			File toFile = new File("d:\\pic\\" + fileName);
			copyFile(formFile, toFile);
			data.put("file", formFile);
			//data.put("percentage",uploadInfo.current/uploadInfo.sum);
			return Result.success("system.upload.success",data);
		} catch (IOException e) {
			e.printStackTrace();
			return Result.error("system.upload.error");
		}
	}

前端监听函数

uploader.on('uploadProgress', function(file, percentage) {
		var $li = $('#' + file.id),
			$percent = $li.find('.progress span');
		// 避免重复创建  
		if (!$percent.length) {
			$percent = $('<p class="progress"><span></span></p>')
				.appendTo($li)
				.find('span');
		}

		$percent.css('width', percentage * 100 + '%');
	});

这个uploadProgress中的file 和percentage是不是取得json返回的值啊 ? 现在上传可以成功,但是UploadInfo uploadInfo = Uploads.getInfo(req);这个为null..

6 回复

另外如果是多文件上传怎么分别获取进度呢?

不需要使用Uploads了, webupload的上传进度uploadProgress已经够用

但是去掉以后并没有进度条啊 ,文件倒是传上去了 我不传percentage,前端怎么计算百分比呢?

uploadProgress处理的可不是服务器的返回的内容, 那是webupload的内部event, 跟服务器没关系

那这个意思是我啥都不需要返回?但是我现在文件传上去,进度条显示是空的 并没有进度。。

uploadProgress里面加console.log

添加回复
请先登陆
回到顶部