文件上传进度条

① 前端上传文件实时显示进度条和上传速度的工作原理是怎样的

xhr对象的upload.onprogress事件在上传过程中会多次回调
可以获取到当前上传的字节数、总字节数、时间戳等信息

根据上传字节数和总字节数计算上传百分比
根据时间戳可以判断两次progress事件间隔，再判断此期间内的上传字节数，做个除法就是上传速度

② JSP 上传文件进度条怎么做

使用第三方开源的吧：比如jquery的uploadify插件就可以，唯一缺点就是它是用flash显示进度的

③ php 文件上传，如何实现进度条功能

用flash文件上传插件
如：http://ke..com/view/1332553.html?wtp=tt
php创始者也写了一个php的扩展可以实现，麻烦，不如flash上传插件简单，qq，的相册都用flash传

④ java实现文件上传及进度条的几种做法 详细�0�3

4、刚刚提醒了我，还可以直接开发浏览器插件。 上述四种方法的比较： 1、开发简单，由于要定时起一个HTTP 连接去获得进度信息，因此，发生的连接请求也增多 ，另外，在低速的情况下，常常会出各种各样的BUG，网络环境的差异，还造成那个周期很 难选择。 2、开发较复杂，COMET 本身需要服务器的支持，这样TOMCAT 至少得选6.0，否则服务器长连 接，压力肯定受不了，但是，性能相对好一些，由于一次上传实际上只启动了两个HTTP 链接 请求，比起AJAX 来说，那是要少很多请求了。另外一个优点是，COMET 将使得服务器可以主 动将进度情况汇报给客户端，因此，客户端的进度条相对来说，要准确一点。 3、目前看来解决方案最好的一个了，虽然开发需要涉及到 FLASH、JAVASCRIPT、以及 JAVA 的 开发，但是代码量都不是很多，因此，复杂程度相对属于中等程度。但是FLASH 也有几个问 题：第一、浏览器 FLASH 版本兼容问题，第二、FLASH 是通过获得发送数据的进度来体现进度 条的，因此虽然不需要服务器端开发进度部分的代码，但是进度的展现有些不是很准确，经 常会有一开始速度很快，但是后面越来越慢的情况。 4、就不说了，开发肯定是最麻烦的，但是进度条效果肯定是最好的，但要给每种浏览器都 要搞个插件，还是比较痛苦的。 总结一下，希望对大家有帮助。 2 其实很麻烦的，之前试过，会有下面几个问题： 第一、服务器端一定要选择支持HTTP 长连接的服务器，否则操作系统的线程限制，会导致并 发降低。 第二、除非原来就采用的是COMET 的进度方式，否则，你要把周期获得进度的方式，改成 COMET 的方式，那很郁闷的，COMET 要服务器主动把进度信息用JAVASCRIPT 的方式发回客户端 ，所以需要把结构转化为JAVASCRIPT 调用才行。 第三、对于不同的浏览器，处理 JAVASCRIPT 的方式是不一样的，我试验的结果是，IE 会在收 到一定数量的JAVASCRIPT 之后才执行，所以虽然我在服务器端每次都调用了flush 方法，但 是界面上还是需要等一段时间才能响应。而这段时间又不好控制了，因为上传文件大小的不 一样，导致了下发的JAVASCRIPT 数量也不一样，所以基本很难达到FLASH 那样的效果。 其实如果已经决定采用flash 了，那就不需要再去修改服务器端的代码了，因为那个进度信 息服务器发不发都不会影响到代码的执行，反正FLASH 本身已经提供了进度指示了，所以， 说简单地，要改成FLASH 上传，你直接做个FLASH 客户端就好了，不需要再改服务器端了。 对了，还有一种情况需要改服务器端，那就是FLASH 上传多个文件是采用多线程上传的，因 此如果你一次上传多个文件，那就需要改服务器端了。需要在所有线程上传完成的情况下， 再去修改数据库。

⑤ 上传文件时怎么显示上传的进度

您好，我来为您解答：
1.Request.BinaryRead 和 ajax接合
2. Flash 和Request.BinaryRead

以上两种都非常的麻烦。没有什么好的解决方法，而且上传的那个文件通常单独放在一个文件里面。。因为用了Request.BinaryRead,那么 QueryString,Form等都不能用了。
如果我的回答没能帮助您，请继续追问。

⑥ html5文件上传实现进度条需要后端吗

不需要后端的，前端自己判断，代码如下：
function uploadFile(){

// 获取上传文件，放到 formData对象里面
var pic = $("#myhead").get(0).files[0];
var formData = new FormData();
formData.append("file" , pic);
$.ajax({
type: "POST",
url: "upload",
data: formData ,//这里上传的数据使用了formData 对象
processData : false,
//必须false才会自动加上正确的Content-Type
contentType : false ,

//这里我们先拿到jQuery产生的 XMLHttpRequest对象，为其增加 progress 事件绑定，然后再返回交给ajax使用
xhr: function(){
var xhr = $.ajaxSettings.xhr();
if(onprogress && xhr.upload) {
xhr.upload.addEventListener("progress" , onprogress, false);
return xhr;
}
}
});

⑦ 如何在上传文件里添加进度条显示

推荐你使用swfupload，挺好的一个插件，并且还支持各种老式的浏览器，还支持客户端过滤大小以及文件类型。

⑧ 前端上传文件实时显示进度条和上传速度的工作原理是怎样的

后端的责任。

⑨ java多文件上传显示进度条

使用 apache fileupload ,spring MVC jquery1.6x , bootstrap 实现一个带进度条的多文件上传，由于fileupload 的局限，暂不能实现每个上传文件都显示进度条，只能实现一个总的进度条，效果如图：

packagecom.controller;

importjava.util.List;

importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
importjavax.servlet.http.HttpSession;

importorg.apache.commons.fileupload.FileItemFactory;
importorg.apache.commons.fileupload.ProgressListener;
importorg.apache.commons.fileupload.disk.DiskFileItemFactory;
importorg.apache.commons.fileupload.servlet.ServletFileUpload;
importorg.apache.log4j.Logger;
importorg.springframework.stereotype.Controller;
importorg.springframework.web.bind.annotation.RequestMapping;
importorg.springframework.web.bind.annotation.RequestMethod;
importorg.springframework.web.bind.annotation.ResponseBody;
importorg.springframework.web.servlet.ModelAndView;

@Controller
{
Loggerlog=Logger.getLogger(FileUploadController.class);

/**
*upload上传文件
*@paramrequest
*@paramresponse
*@return
*@throwsException
*/
@RequestMapping(value="/upload.html",method=RequestMethod.POST)
publicModelAndViewupload(HttpServletRequestrequest,
HttpServletResponseresponse)throwsException{
finalHttpSessionhs=request.getSession();
ModelAndViewmv=newModelAndView();
booleanisMultipart=ServletFileUpload.isMultipartContent(request);
if(!isMultipart){
returnmv;
}
//Createafactoryfordisk-basedfileitems
FileItemFactoryfactory=newDiskFileItemFactory();

//Createanewfileuploadhandler
ServletFileUploapload=newServletFileUpload(factory);
upload.setProgressListener(newProgressListener(){
publicvoipdate(longpBytesRead,longpContentLength,intpItems){
ProcessInfopri=newProcessInfo();
pri.itemNum=pItems;
pri.readSize=pBytesRead;
pri.totalSize=pContentLength;
pri.show=pBytesRead+"/"+pContentLength+"byte";
pri.rate=Math.round(newFloat(pBytesRead)/newFloat(pContentLength)*100);
hs.setAttribute("proInfo",pri);
}
});
Listitems=upload.parseRequest(request);
//Parsetherequest
//Processtheuploadeditems
//Iteratoriter=items.iterator();
//while(iter.hasNext()){
//FileItemitem=(FileItem)iter.next();
//if(item.isFormField()){
//Stringname=item.getFieldName();
//Stringvalue=item.getString();
//System.out.println("thisiscommonfeild!"+name+"="+value);
//}else{
//System.out.println("thisisfilefeild!");
//StringfieldName=item.getFieldName();
//StringfileName=item.getName();
//StringcontentType=item.getContentType();
//booleanisInMemory=item.isInMemory();
//longsizeInBytes=item.getSize();
//FileuploadedFile=newFile("c://"+fileName);
//item.write(uploadedFile);
//}
//}
returnmv;
}


/**
*process获取进度
*@paramrequest
*@paramresponse
*@return
*@throwsException
*/
@RequestMapping(value="/process.json",method=RequestMethod.GET)
@ResponseBody
publicObjectprocess(HttpServletRequestrequest,
HttpServletResponseresponse)throwsException{
return(ProcessInfo)request.getSession().getAttribute("proInfo");
}

classProcessInfo{
publiclongtotalSize=1;
publiclongreadSize=0;
publicStringshow="";
publicintitemNum=0;
publicintrate=0;
}

}

⑩ Ajax文件上传进度条如何实现（jquery版本

前端要做的就是设置一个定时器通过接口去后台获取当前上传进度是多少，然后渲染出进度条就行。当进度达到100%时清除定时器。