#28 bulk upload - tus protocol

bulkupload/.gitignore

@@ -0,0 +1,37 @@
+HELP.md
+.gradle
+build/
+!gradle/wrapper/gradle-wrapper.jar
+!**/src/main/**/build/
+!**/src/test/**/build/
+
+### STS ###
+.apt_generated
+.classpath
+.factorypath
+.project
+.settings
+.springBeans
+.sts4-cache
+bin/
+!**/src/main/**/bin/
+!**/src/test/**/bin/
+
+### IntelliJ IDEA ###
+.idea
+*.iws
+*.iml
+*.ipr
+out/
+!**/src/main/**/out/
+!**/src/test/**/out/
+
+### NetBeans ###
+/nbproject/private/
+/nbbuild/
+/dist/
+/nbdist/
+/.nb-gradle/
+
+### VS Code ###
+.vscode/

bulkupload/build.gradle

@@ -0,0 +1,36 @@
+plugins {
+    id 'java'
+    id 'org.springframework.boot' version '2.7.6'
+    id 'io.spring.dependency-management' version '1.0.15.RELEASE'
+}
+
+group = 'com.example'
+version = '0.0.1-SNAPSHOT'
+sourceCompatibility = '11'
+
+configurations {
+    compileOnly {
+        extendsFrom annotationProcessor
+    }
+}
+
+repositories {
+    mavenCentral()
+}
+
+dependencies {
+    implementation 'org.springframework.boot:spring-boot-starter-web'
+    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
+
+    implementation 'commons-fileupload:commons-fileupload:1.4'
+
+    implementation "me.desair.tus:tus-java-server:1.0.0-2.0"
+
+    compileOnly 'org.projectlombok:lombok'
+    annotationProcessor 'org.projectlombok:lombok'
+    testImplementation 'org.springframework.boot:spring-boot-starter-test'
+}
+
+tasks.named('test') {
+    useJUnitPlatform()
+}

bulkupload/gradle/wrapper/gradle-wrapper.properties

@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.6-bin.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists

bulkupload/gradlew

@@ -0,0 +1,240 @@
+#!/bin/sh
+
+#
+# Copyright © 2015-2021 the original authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
+
+APP_NAME="Gradle"
+APP_BASE_NAME=${0##*/}
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+# Collect all arguments for the java command;
+#   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
+#     shell script including quotes and variable substitutions, so put them in
+#     double quotes to make sure that they get re-expanded; and
+#   * put everything else in single quotes, so that it's not re-expanded.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        org.gradle.wrapper.GradleWrapperMain \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"

bulkupload/gradlew.bat

@@ -0,0 +1,91 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

bulkupload/settings.gradle

@@ -0,0 +1 @@
+rootProject.name = 'bulkupload'

bulkupload/src/main/java/com/example/bulkupload/BulkuploadApplication.java

@@ -0,0 +1,13 @@
+package com.example.bulkupload;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+@SpringBootApplication
+public class BulkuploadApplication {
+
+    public static void main(String[] args) {
+        SpringApplication.run(BulkuploadApplication.class, args);
+    }
+
+}

bulkupload/src/main/java/com/example/bulkupload/config/TusConfig.java

@@ -0,0 +1,35 @@
+package com.example.bulkupload.config;
+
+import me.desair.tus.server.TusFileUploadService;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+
+import javax.annotation.PreDestroy;
+import java.io.IOException;
+
+@Configuration
+public class TusConfig {
+
+    @Value("${tus.server.data.directory}")
+    String tusStoragePath;
+
+    @Value("${tus.server.data.expiration}")
+    Long tusExpirationPeriod;
+
+    @PreDestroy
+    public void exit() throws IOException {
+        // cleanup any expired uploads and stale locks
+        tus().cleanup();
+    }
+
+    @Bean
+    public TusFileUploadService tus() {
+        return new TusFileUploadService()
+                .withStoragePath(tusStoragePath)
+                .withDownloadFeature()
+                .withUploadExpirationPeriod(tusExpirationPeriod)
+                .withUploadURI("/api/tus/file/upload");
+    }
+}
+

bulkupload/src/main/java/com/example/bulkupload/controller/TusUploadController.java

@@ -0,0 +1,39 @@
+package com.example.bulkupload.controller;
+
+import com.example.bulkupload.service.FileUploadService;
+import lombok.RequiredArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.HttpStatus;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+
+@Slf4j
+@RestController
+@RequiredArgsConstructor
+public class TusUploadController {
+
+    private final FileUploadService fileUploadService;
+
+    @RequestMapping(value = {"/api/tus/file/upload", "/api/tus/file/upload/**"})
+    public ResponseEntity uploadWithTus(HttpServletRequest request, HttpServletResponse response) {
+        // Process a tus upload request
+        fileUploadService.process(request, response);
+
+        // Generate HTTP Response Headers
+        return httpOkStatus();
+    }
+
+    private static ResponseEntity<Object> httpOkStatus() {
+        HttpHeaders headers = new HttpHeaders();
+        headers.set(HttpHeaders.ACCESS_CONTROL_EXPOSE_HEADERS, "*");
+
+        return ResponseEntity.status(HttpStatus.OK)
+                .headers(headers)
+                .build();
+    }
+}

bulkupload/src/main/java/com/example/bulkupload/controller/UploadController.java

@@ -0,0 +1,73 @@
+package com.example.bulkupload.controller;
+
+
+import java.io.File;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.OutputStream;
+import java.util.Iterator;
+import java.util.List;
+import javax.servlet.http.HttpServletRequest;
+import org.apache.commons.fileupload.FileItem;
+import org.apache.commons.fileupload.FileItemIterator;
+import org.apache.commons.fileupload.FileItemStream;
+import org.apache.commons.fileupload.FileUploadException;
+import org.apache.commons.fileupload.disk.DiskFileItemFactory;
+import org.apache.commons.fileupload.servlet.ServletFileUpload;
+import org.apache.commons.fileupload.util.Streams;
+import org.apache.commons.io.IOUtils;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+//@RestController
+public class UploadController {
+
+    @PostMapping("/upload")
+    public String handleUpload(HttpServletRequest request) throws Exception {
+        System.out.println(System.getProperty("java.io.tmpdir"));
+        boolean isMultipart = ServletFileUpload.isMultipartContent(request);
+        // Create a factory for disk-based file items
+        DiskFileItemFactory factory = new DiskFileItemFactory();
+        factory.setRepository(new File(System.getProperty("java.io.tmpdir")));
+        factory.setSizeThreshold(DiskFileItemFactory.DEFAULT_SIZE_THRESHOLD);
+        factory.setFileCleaningTracker(null);
+        // Configure a repository (to ensure a secure temp location is used)
+        ServletFileUpload upload = new ServletFileUpload(factory);
+        try {
+            // Parse the request
+            List<FileItem> items = upload.parseRequest(request);
+            // Process the uploaded items
+            Iterator<FileItem> iter = items.iterator();
+            while (iter.hasNext()) {
+                FileItem item = iter.next();
+
+                if (!item.isFormField()) {
+                    try (InputStream uploadedStream = item.getInputStream();
+                         OutputStream out = new FileOutputStream("file.mov");) {
+                        IOUtils.copy(uploadedStream, out);
+                        out.close();
+                    }
+                }
+            }
+            // Parse the request with Streaming API
+            upload = new ServletFileUpload();
+            FileItemIterator iterStream = upload.getItemIterator(request);
+            while (iterStream.hasNext()) {
+                FileItemStream item = iterStream.next();
+                String name = item.getFieldName();
+                InputStream stream = item.openStream();
+                if (!item.isFormField()) {
+                    //Process the InputStream
+                } else {
+                    //process form fields
+                    String formFieldValue = Streams.asString(stream);
+                }
+            }
+            return "success!";
+        } catch (IOException | FileUploadException ex) {
+            return "failed: " + ex.getMessage();
+        }
+    }
+
+}

bulkupload/src/main/java/com/example/bulkupload/scheduler/TusCleanUpScheduler.java

@@ -0,0 +1,27 @@
+package com.example.bulkupload.scheduler;
+
+import lombok.RequiredArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import me.desair.tus.server.TusFileUploadService;
+import org.springframework.scheduling.annotation.EnableScheduling;
+import org.springframework.scheduling.annotation.Scheduled;
+import org.springframework.stereotype.Component;
+
+import java.io.IOException;
+
+@Slf4j
+@Component
+@EnableScheduling
+@RequiredArgsConstructor
+public class TusCleanUpScheduler {
+
+    private final TusFileUploadService tus;
+
+    @Scheduled(fixedRate = 60 * 1000)
+    public void cleanup() throws IOException {
+        log.info("clean up");
+
+        tus.cleanup();
+    }
+
+}

bulkupload/src/main/java/com/example/bulkupload/service/FileUploadService.java

@@ -0,0 +1,51 @@
+package com.example.bulkupload.service;
+
+import lombok.RequiredArgsConstructor;
+import lombok.extern.slf4j.Slf4j;
+import me.desair.tus.server.TusFileUploadService;
+import me.desair.tus.server.exception.TusException;
+import me.desair.tus.server.upload.UploadInfo;
+import org.apache.commons.io.FileUtils;
+import org.springframework.stereotype.Service;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import java.io.File;
+import java.io.IOException;
+import java.io.InputStream;
+
+@Slf4j
+@Service
+@RequiredArgsConstructor
+public class FileUploadService {
+
+    private final TusFileUploadService tusFileUploadService;
+
+    public void process(HttpServletRequest request, HttpServletResponse response) {
+        try {
+            // Process a tus upload request
+            tusFileUploadService.process(request, response);
+
+            // Get upload information
+            UploadInfo uploadInfo = tusFileUploadService.getUploadInfo(request.getRequestURI());
+
+            if (uploadInfo != null && !uploadInfo.isUploadInProgress()) {
+                // Progress status is successful: Create file
+                createFile(tusFileUploadService.getUploadedBytes(request.getRequestURI()), uploadInfo.getFileName());
+
+                // Delete an upload associated with the given upload url
+                tusFileUploadService.deleteUpload(request.getRequestURI());
+            }
+        } catch (IOException | TusException e) {
+            log.error("exception was occurred. message={}", e.getMessage(), e);
+
+            throw new RuntimeException(e);
+        }
+    }
+
+    private void createFile(InputStream is, String filename) throws IOException {
+        File file = new File("dest/", filename);
+
+        FileUtils.copyInputStreamToFile(is, file);
+    }
+}

bulkupload/src/main/resources/application.yml

@@ -0,0 +1,17 @@
+tus:
+  server:
+    data:
+      directory: "/Users/bobby/Downloads/tus"
+      expiration: 60000
+
+spring:
+  servlet:
+    multipart:
+      max-file-size: -1
+      max-request-size: -1
+  application:
+    name: tus
+  mvc:
+    pathmatch:
+      matching-strategy: ant_path_matcher
+

bulkupload/src/main/resources/templates/index.html

@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <title>tus-io-sample</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+</head>
+<body>
+<div class="upload-card">
+  <div class="row">
+    <div class="col-md-12">
+      <div id="input-section">
+        <div class="heading">업로드할 파일을 선택해주세요:</div>
+        <input type="file" id="js-file-input" multiple>
+      </div>
+
+      <div id="progress-section">
+        <div class="heading" id="heading"></div>
+        <div class="d-flex">
+          <div class="js-action-btn">
+            <button class="btn" id="toggle-btn">파일 업로드</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div id="data-pre"></div>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/tus-js-client@3.0.0-0/dist/tus.min.js"></script>
+<script type="text/javascript">
+  const fileInput = document.querySelector('#js-file-input')
+  const dataDiv = document.querySelector('#data-pre');
+  const toggleBtn = document.querySelector('#toggle-btn')
+
+  function reset() {
+    convertedFiles.map((i, key) => {
+      $('.progress-bar_' + key).css('width', '0%');
+      $('#js-upload-text-progress_' + key).html('');
+    })
+  }
+  /**
+   * Turn a byte number into a human readable format.
+   * Taken from https://stackoverflow.com/a/18650828
+   */
+  function formatBytes(bytes, decimals = 2) {
+    if (bytes === 0) {
+      return '0 Bytes'
+    }
+
+    const k = 1024
+    const dm = decimals < 0 ? 0 : decimals
+    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+    const i = Math.floor(Math.log(bytes) / Math.log(k))
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
+  }
+
+  let convertedFiles = [];
+
+  fileInput.addEventListener('change', (e) => {
+    dataDiv.innerHTML = '';
+    const files = e.target.files;
+
+    Object.keys(files).forEach(k => {
+      convertedFiles = [
+        ...convertedFiles,
+        { id: URL.createObjectURL(files[k]), file: files[k]}
+      ];
+    });
+
+    convertedFiles.map((i, key) => {
+      const file = i.file;
+      key ++
+      // 10MB
+      const chunkSize = parseInt(50000000, 10)
+
+      dataDiv.innerHTML +=
+              `
+                      <div class="file-data" key=${key}>
+<!--                        <img alt="what" src=${i.id} width="150" />-->
+                        <div>파일명: ${i.file.name}</div>
+                        <div>파일 타입: ${i.file.type}</div>
+                        <div>파일 크기: ${i.file.size} byte</div>
+                        <div class="flex-grow-1">
+                          <div class="progress pr_${key}">
+                            <div class="progress-bar_${key} progress-bar-striped bg-success" role="progressbar"></div>
+                          </div>
+                          <div class="upload-text-progress" id="js-upload-text-progress_${key}"></div>
+                        </div>
+                      </div>
+                    `
+
+      let upload = new tus.Upload(file, {
+        // endpoint   : 'https://tusd.tusdemo.net/files/',
+        endpoint: "/api/tus/file/upload",
+        chunkSize,
+        retryDelays: [0, 1000, 3000, 5000],
+        metadata: {
+          filename: file.name,
+          filetype: file.type
+        },
+        onError: function (error) {
+          console.log("Failed because: " + error);
+        },
+        onProgress: function (bytesUploaded, bytesTotal) {
+          const percentage = ((bytesUploaded / bytesTotal) * 100).toFixed(2)
+          $('.progress-bar_' + key).css('width', percentage + '%');
+
+          if (percentage < 100.00) {
+            $('#js-upload-text-progress_' + key).html(`Uploaded ${formatBytes(bytesUploaded)} of ${formatBytes(bytesTotal)} (${percentage}%)`);
+          } else {
+            $('#js-upload-text-progress_' + key).html(`Uploaded ${formatBytes(bytesUploaded)} of ${formatBytes(bytesTotal)} (${percentage}%) 파일 저장 중`);
+          }
+        },
+        onSuccess: function () {
+          $('#js-upload-text-progress_' + key).html("파일 저장 완료");
+        }
+      });
+
+      toggleBtn.addEventListener('click', (e) => {
+        reset();
+
+        // Check if there are any previous uploads to continue.
+        upload.findPreviousUploads().then(function (previousUploads) {
+          // Found previous uploads so we select the first one.
+          if (previousUploads.length) {
+            upload.resumeFromPreviousUpload(previousUploads[0])
+          }
+
+          // Start the upload
+          upload.start()
+        })
+      });
+    });
+  });
+</script>
+</body>
+</html>

bulkupload/src/main/resources/templates/upload-form.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>일반적인 파일 업로드</title>
+</head>
+<body>
+<form th:action method="post" enctype="multipart/form-data">
+    <ul>
+        <li>첨부파일<input type="file" name="file"></li>
+        <!--        <li>다수의 파일들<input type="file" multiple="multiple" name="multiFiles"></li> -->
+    </ul>
+    <input type="submit"/>
+</form>
+</body>
+</html>

bulkupload/src/test/java/com/example/bulkupload/BulkuploadApplicationTests.java

@@ -0,0 +1,13 @@
+package com.example.bulkupload;
+
+import org.junit.jupiter.api.Test;
+import org.springframework.boot.test.context.SpringBootTest;
+
+@SpringBootTest
+class BulkuploadApplicationTests {
+
+    @Test
+    void contextLoads() {
+    }
+
+}