个人中心
gpt4 book ai didi

java - Spring文件上传进度条？

转载 作者：塔克拉玛干 更新时间：2023-11-03 04:31:45 24 4
gpt4 key购买 nike

我有以下 RestController 用于将文件上传到我的服务器端。

    @RequestMapping(value="/upload", method=RequestMethod.POST )
    @CrossOrigin
    public SimpleHttpResponse uploadFile(@RequestParam("uploadItem") MultipartFile fileUpload )
    {
        System.out.println(fileUpload.getOriginalFilename());
        try {
            byte[] fileBytes = fileUpload.getBytes();
            Files.write(Paths.get("C:\\Users\\" + fileUpload.getOriginalFilename()), fileBytes);
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();

        }

        return new SimpleHttpResponse(true);
    }

有没有办法跟踪在任何给定时刻接收到的字节并将其暴露给 UI？我在 Google 上看到的许多示例都在使用 Servlets/JSP 和 Apache Commons。是否有基于 Spring 的解决方案来获得将 Apache Commons File Upload 与 Spring 集成的进展或方法？理想情况下，会有一种方法可以识别来自不同用户(甚至来自同一用户)的多个文件上传。感谢您的指点。

最佳答案

使用 jquery 表单插件完成基于 spring 的解决方案

JSP 页面

<!DOCTYPE html>
<html>
    <head>
        <title>File Upload</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
        <script src="http://malsup.github.com/jquery.form.js"></script>

        <script type="text/javascript">
            $(function() {

                var bar = $('.bar');
                var percent = $('.percent');
                var status = $('#status');

                $('form').ajaxForm({
                    beforeSend: function() {
                        status.empty();
                        var percentVal = '0%';
                        bar.width(percentVal);
                        percent.html(percentVal);
                    },
                    uploadProgress: function(event, position, total, percentComplete) {
                        var percentVal = percentComplete + '%';
                        bar.width(percentVal);
                        percent.html(percentVal);
                    },
                    complete: function(xhr) {
                        status.html(xhr.responseText);
                    }
                });
            });
        </script>
    </head>
    <body>
        <div class="progress">
            <div class="bar"></div >
            <div class="percent">0%</div >
        </div>

        <div id="status"></div>
        <form action="/multipartfileupload/upload" method="post" enctype="multipart/form-data">
            <input type="file" name="file"><br>
            <input type="submit" value="Upload File to Server">
        </form>
    </body>
</html>

文件上传 Controller 

/**
 * @author asif.hossain
 * @since 3/8/17.
 */
@Controller
@RequestMapping("/upload")
public class FileUploadController {
    @RequestMapping(method = RequestMethod.GET)
    String show() {
        return "upload";
    }

    @RequestMapping(method = RequestMethod.POST)
    public String uploadFile(@RequestParam("file") MultipartFile file) {

        System.out.println(file.getName());
        return "home";
    }
}

Servlet配置

mvc-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
                           http://www.springframework.org/schema/beans/spring-beans-4.3.xsd
                           http://www.springframework.org/schema/context
                           http://www.springframework.org/schema/context/spring-context-4.3.xsd">

    <context:component-scan base-package="net.asifhossain.multipartfileupload"/>
    <bean id="viewresolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

    <bean id="multipartResolver" class="org.springframework.web.multipart.support.StandardServletMultipartResolver"/>
</beans>

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                             http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">

    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>/WEB-INF/applicationContext.xml</param-value>
    </context-param>

    <servlet>
        <servlet-name>mvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
        <multipart-config>
            <max-file-size>20848820</max-file-size>
            <max-request-size>418018841</max-request-size>
            <file-size-threshold>1048576</file-size-threshold>
        </multipart-config>
    </servlet>

    <servlet-mapping>
        <servlet-name>mvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

您可以在我的 github 存储库中找到工作代码。如果您有任何问题，请联系我。

https://github.com/mirmdasif/springmvc/tree/master/springmvcmultipartfileupload

关于java - Spring文件上传进度条？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42662348/

24 4 0
文章推荐： java - Spring Data 有条件地获取 child
文章推荐： algorithm - 通过位掩码进行二进制搜索？
文章推荐： algorithm - 判断一组点是否互为镜像
文章推荐： java - Wiremock Stand alone - 如何使用请求数据操作响应
塔克拉玛干
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com