http上传进度条
进度条有三种思路：
1.人为的划分某些标识，达到某个标识就是完成了百分之多少。
2.如果是上传和下载附件，可以将文件大小作为100%，上传或下载百分之多少，就是百分之多少。
3.对进度的类型所需时间进行分类。划出几种时间。属于某类，大概或平均完成时间是多少，那么就以这个时间作为100%。然后产生进度。
但，完美的进度是不可能实现的，因为你总不能先跑一遍确定时间。而且就算完全相同的条件，跑两遍的时间也不能一定相等的。所以我们只能通过各种技巧来使进度条更加自然真实。
最后，现在很多地方都不用进度条了，全部都是一个转动的圆圈等等。因为当你进度卡在10%半个小时，然后瞬间涨到99%，进度条已经就没什么意义了。
㈡ 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;
}
}
㈢ 怎样实现在android实现带进度条的上传效果
实现在android实现带进度条的上传效果效果如图：
用到以下两个类就可实现带进度条的文件上传：
1、CustomMultiPartEntity extends MultipartEntity,
2、HttpMultipartPost extends AsyncTask
代码如下：
import java.io.FilterOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.nio.charset.Charset;
import org.apache.http.entity.mime.HttpMultipartMode;
import org.apache.http.entity.mime.MultipartEntity;
public class CustomMultipartEntity extends MultipartEntity {
private final ProgressListener listener;
public CustomMultipartEntity(final ProgressListener listener) {
super();
this.listener = listener;
}
public CustomMultipartEntity(final HttpMultipartMode mode, final ProgressListener listener) {
super(mode);
this.listener = listener;
}
public CustomMultipartEntity(HttpMultipartMode mode, final String boundary,
final Charset charset, final ProgressListener listener) {
super(mode, boundary, charset);
this.listener = listener;
}
@Override
public void writeTo(final OutputStream outstream) throws IOException {
super.writeTo(new CountingOutputStream(outstream, this.listener));
}
public static interface ProgressListener {
void transferred(long num);
}
public static class CountingOutputStream extends FilterOutputStream {
private final ProgressListener listener;
private long transferred;
public CountingOutputStream(final OutputStream out, final ProgressListener listener) {
super(out);
this.listener = listener;
this.transferred = 0;
}
public void write(byte[] b, int off, int len) throws IOException {
out.write(b, off, len);
this.transferred += len;
this.listener.transferred(this.transferred);
}
public void write(int b) throws IOException {
out.write(b);
this.transferred++;
this.listener.transferred(this.transferred);
}
}
}
该类计算写入的字节数，我们需要在实现ProgressListener中的trasnfered()方法，更行进度条
public class HttpMultipartPost extends AsyncTask<HttpResponse, Integer, TypeUploadImage> {
ProgressDialogpd;
longtotalSize;
@Override
protectedvoidonPreExecute(){
pd= newProgressDialog(this);
pd.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
pd.setMessage("Uploading Picture...");
pd.setCancelable(false);
pd.show();
}
@Override
(HttpResponse... arg0) {
HttpClienthttpClient = newDefaultHttpClient();
HttpContexthttpContext = newBasicHttpContext();
HttpPosthttpPost = newHttpPost("http://herpderp.com/UploadImage.php");
try{
= newCustomMultipartEntity(
newProgressListener() {
@Override
public void transferred(longnum){
publishProgress((int) ((num / (float) totalSize) * 100));
}
});
// We use FileBody to transfer an image
multipartContent.addPart("uploaded_file", newFileBody(
newFile(m_userSelectedImagePath)));
totalSize= multipartContent.getContentLength();
// Send it
httpPost.setEntity(multipartContent);
HttpResponseresponse = httpClient.execute(httpPost, httpContext);
String serverResponse = EntityUtils.toString(response.getEntity());
ResponseFactoryrp = newResponseFactory(serverResponse);
return(TypeImage) rp.getData();
}
catch(Exception e) {
System.out.println(e);
}
returnnull;
}
@Override
protectedvoidonProgressUpdate(Integer... progress){
pd.setProgress((int) (progress[0]));
}
@Override
protectedvoidonPostExecute(TypeUploadImageui) {
pd.dismiss();
}
}
在 transferred()函数中调用publishProgress((int) ((num / (float) totalSize) * 100));
在onProgressUpdate()实现上传进度的更新操作
㈣ java 如何获得文件上传到oss的进度
上述四种方法的比较： 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 上传多个文件是采用多线程上传的，因 此如果你一次上传多个文件，那就需要改服务器端了。需要在所有线程上传完成的情况下， 再去修改数据库。
㈤ JSP 上传文件进度条怎么做
使用第三方开源的吧：比如jquery的uploadify插件就可以，唯一缺点就是它是用flash显示进度的
㈥ 使用jquery.form.js实现文件上传及进度条前端代码
ajax的表单提交只能提交data数据到后台，没法实现file文件的上传还有展示进度功能，这里用到form.js的插件来实现，搭配css样式简单易上手，而且高大上，推荐使用。
需要解释下我的结构， #upload-input-file 的input标签是真实的文件上传按钮，包裹form标签后可以实现上传功能， #upload-input-btn 的button标签是展示给用户的按钮，因为需要样式的美化。上传完成生成的文件名将会显示在 .upload-file-result 里面， .progress 是进度条的位置，先让他隐藏加上 hidden 的class， .progress-bar 是进度条的主体， .progress-bar-status 是进度条的文本提醒。
去掉hidden的class，看到的效果是这样的
[图片上传失败...(image-2c700a-1548557865446)]
将上传事件绑定在file的input里面，绑定方式就随意了。
var progress = $(".progress-bar"), status = $(".progress-bar-status"), percentVal = '0%'; //上传步骤 $("#myupload").ajaxSubmit({ url: uploadUrl, type: "POST", dataType: 'json', beforeSend: function () { $(".progress").removeClass("hidden"); progress.width(percentVal); status.html(percentVal); }, uploadProgress: function (event, position, total, percentComplete) { percentVal = percentComplete + '%'; progress.width(percentVal); status.html(percentVal); console.log(percentVal, position, total); }, success: function (result) { percentVal = '100%'; progress.width(percentVal); status.html(percentVal); //获取上传文件信息 uploadFileResult.push(result); // console.log(uploadFileResult); $(".upload-file-result").html(result.name); $("#upload-input-file").val(''); }, error: function (XMLHttpRequest, textStatus, errorThrown) { console.log(errorThrown); $(".upload-file-result").empty(); } });
[图片上传失败...(image-3d6ae0-1548557865446)]
[图片上传失败...(image-9f0adf-1548557865446)]
更多用法可以 参考官网
㈦ winform用http上传文件或下载文件进度条如何实现
winform用http上传？不知道你具体是什么意思
1.如果对端是winform服务端的话，建立socket连接发送字节流，用进度条控件实时获取进度信息，可以发送一个自己就显示一个比例
2.如果对端是webservice的话那就按照调用一次方法刷新一次进度，但是这里有问题，webservice作为对端接收的话不能一次处理大量数据，会导致页面脚本超时，大概在45秒左右。