spring MVC檔案上傳和實時進度提醒

阿新 • • 發佈：2019-02-10

@RequestMapping(value = "/getProgress.do", method = RequestMethod.POST, produces = { "application/json" })
    @ResponseBody
    public Double getProgress(HttpServletRequest request, HttpServletResponse response) {
        if (request.getSession().getAttribute("upload_ps") == null) {
            return 
 0.00;
        }
        ProgressEntity ps = (ProgressEntity) request.getSession().getAttribute("upload_ps");
        Double percent = 0d;
        if (ps.getpContentLength() != 0L) {
            percent = (double) ps.getpBytesRead() / (double) ps.getpContentLength() * 1.0d; // 百分比
            if (percent != 0 
d) {
                DecimalFormat df = new DecimalFormat("0.00");
                percent = Double.parseDouble(df.format(percent));
            }
        }
        return percent;
    }

    @RequestMapping(value = "/upLoadFiledir.do", method = RequestMethod.POST, produces = { "application/json" })
    @ResponseBody 

    public void upLoadFile(HttpServletRequest request, @RequestParam("file") MultipartFile[] file) {
        System.out.println("開始");
        // 檔案儲存路徑
        String path = request.getSession().getServletContext().getRealPath("upload");
        for (int i = 0; i < file.length; i++) {
            String fileName = file[i].getOriginalFilename();
            File targetFile = new File(path, fileName);
            if (!targetFile.exists()) {
                targetFile.mkdirs();
            }
            try {
                file[i].transferTo(targetFile);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <script type="text/javascript">
    function progress(){
        $.post('<%=request.getContextPath()%>/publicdoc/getProgress.do',{},function(data){
            $("#progress").attr("data-percent",data*100+"%");
            $("#progress-bar").width(data*100+"%");
        });
    }
    var InterValObj;
    function doUpload() {
        layer.open({
            type: 1,
            content:  $('#progress'),
            area: ['400px', '200px'],
            title:'上傳檔案',
            end:function(){//層銷燬回撥函式
                $("#progress").attr("data-percent","0%");
                $("#progress-bar").width("0%");
            },
            closeBtn: 2
        });
        var formData = new FormData($("#form")[0]);
        InterValObj = window.setInterval(progress, 500); //啟動計時器，1秒執行一次
         $.ajax({  
              url: '<%=request.getContextPath()%>/publicdoc/upLoadFiledir.do' ,  
              type: 'POST',  
              data: formData,
              async: true,  
              cache: true,  
              contentType: false,
              processData: false,  
              success: function (returndata) {
                layer.msg("上傳成功",{icon:6});
                $("#progress").attr("data-percent","100%");
                $("#progress-bar").width("100%");
                window.clearInterval(InterValObj);//停止計時器
              },  
              error: function (returndata) {  
              }
        });
    }  
</script>
    <form id="form" enctype="multipart/form-data">  
    選擇檔案:<input type="file" name="file" multiple="multiple" id="file">
        <input type="button" value="提交" onclick="doUpload()">
    </form>

    <div class="progress" data-percent="0%" id="progress" style="width: 300px;display: none;margin: auto;margin-top: 50px">
        <div class="progress-bar" style="width:0%;" id="progress-bar"></div>
    </div>
</body>
</html>

spring MVC檔案上傳和實時進度提醒

@RequestMapping(value = "/getProgress.do", method = RequestMethod.POST, produces = { "application/json" }) @ResponseBody

spring mvc檔案上傳實現進度條

檔案上傳應該大部分人都接觸過，一般都是基於commons-fileupload元件來實現，SpringMVC的檔案上傳功能也是在commons-fileupload元件提供的功能上面做了一些包裝功能，使檔案上傳開發更容易方便。看下上傳效果圖：

Spring MVC 檔案上傳工具類

public class UploadFiles { /** * 檔案的名稱 */ private String name; /** * 檔案的新的名稱 */ private String uuidname; /**

Spring Boot 檔案上傳和下載

前言:以前的專案中檔案上傳下載會寫大量程式碼來實現,但是在Spring Boot中,簡化了大量程式碼,上傳只需要2行程式碼即可 package com.demo.controller; import com.demo.model.FileInfo; import org.

實現檔案上傳的實時進度條

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev

spring實現檔案上傳和下載完整方案

1. 簡介提供基於spring實現檔案（筆記附件）的上傳和下載的完整方案。方案將檔案上傳，並將檔名稱作為欄位與關聯的筆記繫結在一起，更新筆記在資料庫中的記錄。顯示筆記時，根據筆記所繫結的檔名生成下載

spring mvc 檔案上傳並攜帶其他引數

這是主要使用到的jar 檔案是：spring mvc +apache common-fileuplad 第一步：web.xml 檔案。【重點是spring mvc的攔截器和相關監聽器】 <?xml version="1.0" encoding="UTF-8"?&g

從.Net到Java學習第十篇——Spring Boot檔案上傳和下載

圖片上傳 Spring Boot中的檔案上傳就是Spring MVC中的檔案上傳，將其整合進來了。在模板目錄建立一個新的頁面 profile/uploadPage.html <!DOCTYPE html> <html xmlns:th="http://www.thymel

spring實現檔案上傳和下載完整方案

1. 簡介提供基於spring實現檔案（筆記附件）的上傳和下載的完整方案。方案將檔案上傳，並將檔名稱作為欄位與關聯的筆記繫結在一起，更新筆記在資料庫中的記錄。顯示筆記時，根據筆記所繫結的檔名生成下載路徑，提交給服務端完成下載。 2. 檔案上傳 2. 1 前端在html中插入一個表單用於提交檔案 &

ASP.NET MVC 檔案上傳和檔案下載以及檔案下載的幾種方法

1、序言最近專案中需要用到這個功能點，但是網上下載的時候總是出現亂碼。所以趁著這個時間自己整理出了一份，以後需要的時候就直接看自己的部落格就行了。已經測試過：在谷歌、火狐、IE等瀏覽器上都不會出現亂碼問題。2、結果展示2.1、上傳檔案成功介面 2.2、下載檔案成功介面3、上傳

Spring MVC檔案上傳出現錯誤：Required MultipartFile parameter 'file' is not present

1.配置檔案上傳的解析器首先需要在spring mvc的配置檔案中（注意是spring mvc的配置檔案而不是spring的配置檔案：applicationContext.xml）配置： springmvc-config.xml  <

Spring MVC中檔案上傳和下載

檔案上傳檔案上傳需將表格的提交方式設為"POST"，並且將enctype設為"multipart/form-data"，以二進位制的方式提交資料。 spring mvc中可通過MultipartResolver監聽每個請求，如有上傳的檔案，則把請求封裝為MultipartH

Spring MVC 的檔案上傳和下載

“君看一葉舟，出沒風波里” 使用Spring MVC 進行檔案的上傳和下載，除了Spring MVC 的jar包之外，還需用到commons-fileupload-1.2.2.jar、commons-io-2.1.jar兩個包。這裡已給出下載地址：jar包下載地

基於DiskFileItemFactory實現的檔案上傳和進度監聽

10月1假期圓滿結束，在家裡躺了5天，啥也沒幹，回來的時候家裡還給我拿了螃蟹什麼的，昨天就讓我吃了，哈哈哈。這幾天一直想實現以下檔案的上傳和檔案上傳時顯示進度條，看了幾個部落格，照著自己敲了一下，將自己不明白的地方也查

基於tobato的fastdfs與spring boot整合實現檔案上傳和下載

專案結構： pom.xml檔案新增配置：  <dependency> <groupId>com.github.tobato</groupId> <artifactId>fastd

servlet3.0之ajax檔案上傳和進度條

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <h

【IOS學習】http非同步檔案上傳和下載以及進度指示

2016-02-12 13:05:07.330 network-demo[16708:1254465] =================request redirectResponse================= 2016-02-12 13:05:07.331 network-demo[16708:

利用Plupload解決大容量檔案上傳問題, 帶進度條和背景遮罩層

大容量檔案上傳早已不是什麼新鮮問題，在.net 2.0時代，Html5也還沒有問世，要實現這樣的功能，要麼是改web.config，要麼是用flash，要麼是用一些第三方控制元件，然而這些解決問題的方法要麼很麻煩，比如改配置，要麼不穩定，比如檔案上G以後，上傳要

summernote + spring mvc + ajax 上傳圖片 <筆記>

jsp頁面答案 cnblogs ase 技術上傳圖片理想很多 1-1 最近在做一個考試系統項目。其中實體答案有這樣的需求，答案A,B,C,D 采用文本和圖片混搭的形式，並且文本也是富文本。數據庫中大概是這麽存的廢話不多說開始上幹貨。。。。一、首先在j

spring mvc MultipartFile 上傳文件錯誤解決

文件上傳 ces port not in servle resolv spa AR org.springframework.beans.BeanInstantiationException: Could not instantiate bean class [org.s

spring MVC檔案上傳和實時進度提醒

相關推薦