如何实现fileUpload文件上传带进度条效果
这篇文章将为大家详细讲解有关如何实现fileUpload文件上传带进度条效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联建站专注于泸州企业网站建设,成都响应式网站建设公司,成都商城网站开发。泸州网站建设公司,为泸州等地区提供建站服务。全流程按需网站开发,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务
效果图:
服务器端servlet:
public class UploadServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { //取出监听器MyProgress在session中保存的进度信息 String progress=(String) req.getSession().getAttribute("progress"); //响应 resp.getWriter().print(progress); //清除session中保存的数据 // req.getSession().removeAttribute("progress"); } @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { req.setCharacterEncoding("UTF-8"); DiskFileItemFactory factory=new DiskFileItemFactory(); ServletFileUpload upload=new ServletFileUpload(factory); upload.setProgressListener(new MyProgressListener(req)); try { Listlist = upload.parseRequest(req); for (FileItem fileItem : list) { if (fileItem.isFormField()) {//普通表单 }else{//上传文件 String path=req.getRealPath("uploads"); String fileName=fileItem.getName(); File file=new File(path, fileName); fileItem.write(file); System.out.println("成功上传文件:"+fileName); } } } catch (Exception e) { System.out.println("文件上传发生错误!"); e.printStackTrace(); } } }
服务器端监听器:
public class MyProgressListener implements ProgressListener { private HttpSession session; public MyProgressListener(HttpServletRequest request){ session = request.getSession(); } @Override public void update(long pBytesRead, long pContentLength, int pItems) { //将数据进行格式化 //已读取数据由字节转换为M double readM=pBytesRead/1024.0/1024.0; //已读取数据由字节转换为M double totalM=pContentLength/1024.0/1024.0; //已读取百分百 double percent=readM/totalM; //格式化数据 //已读取 String readf=dataFormat(pBytesRead); //总大小 String totalf=dataFormat(pContentLength); //进度百分百 NumberFormat format=NumberFormat.getPercentInstance(); String progress=format.format(percent); //将信息存入session session.setAttribute("progress", progress); //打印消息到控制台 System.out.println("pBytesRead===>"+pBytesRead); System.out.println("pContentLength==>"+pContentLength); System.out.println("pItems===>"+pItems); System.out.println("readf--->"+readf); System.out.println("totalf--->"+totalf); System.out.println("progress--->"+progress); } /** * 格式化读取数据的显示 * @param data要格式化的数据 单位byte * @return 格式化后的数据,如果小于1M显示单位为KB,如果大于1M显示单位为M */ public String dataFormat(double data){ String formdata=""; if (data>=1024*1024) {//大于等于1M formdata=Double.toString(data/1024/1024)+"M"; }else if(data>=1024){//大于等于1KB formdata=Double.toString(data/1024)+"KB"; }else{//小于1KB formdata=Double.toString(data)+"byte"; } return formdata.substring(0, formdata.indexOf(".")+2); } }
客户端:
" rel="external nofollow" > 带进度条的文件上传效果 带进度条的文件上传效果
关于“如何实现fileUpload文件上传带进度条效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
文章标题:如何实现fileUpload文件上传带进度条效果
转载来源:http://pwwzsj.com/article/jhegog.html