Spring Boot File Download Using Ajax Example | Code Factory

3 min readApr 6, 2020

Reference Link : Link
Donate : Link

SpringBootFileDownloadUsingAjax.java

package com.codeFactory;import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplication
public class SpringBootFileDownloadUsingAjax {public static void main(String[] args) {
  SpringApplication.run(SpringBootFileDownloadUsingAjax.class, args);
 }}

FileDownloadController.java

package com.codeFactory.controller;import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.net.URLConnection;
import java.nio.file.Files;import javax.servlet.http.HttpServletResponse;import org.springframework.stereotype.Controller;
import org.springframework.util.FileCopyUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;@Controller
public class FileDownloadController {@GetMapping("/")
 public String index() {
  return "download";
 }
 
 @RequestMapping(value = "/downloadFile", method = RequestMethod.POST)
 @ResponseBody
 public void downloadFile(HttpServletResponse response) throws Exception {
  try {
   String fileName = "Aston_Martin_DBS.jpg";
   String filePath = "R:\\Temp\\" + fileName;
   
   try {
    File file = new File(filePath);
    FileInputStream in = new FileInputStream(filePath);
    
    response.setContentType(URLConnection.guessContentTypeFromStream(in));
    response.setContentLength(Files.readAllBytes(file.toPath()).length);
    response.setHeader("Content-Disposition","attachment; filename=\"" + fileName +"\"");
    
    FileCopyUtils.copy(in, response.getOutputStream());
    in.close();
   } catch (FileNotFoundException e) {
    e.printStackTrace();
   } catch (IOException e) {
    e.printStackTrace();
   }
  } catch (Exception e) {
   e.printStackTrace();
  }
 }
}

application.properties

spring.mvc.view.prefix=/
spring.mvc.view.suffix=.jsp

download.jsp

<html>
<head>
<title>Spring Boot File Download Using Ajax Example</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
 <h1>Spring Boot File Download Using Ajax Example</h1>
 <input type="button" value="Download File" onclick="downloadFile()"/>
</body><script>
function downloadFile() {
 var xhr = new XMLHttpRequest();
 xhr.open('POST', "../downloadFile", true);
 xhr.responseType = 'arraybuffer';
 xhr.onload = function () {
  if (this.status === 200) {
   var filename = "";
   var disposition = xhr.getResponseHeader('Content-Disposition');
   if (disposition && disposition.indexOf('attachment') !== -1) {
    var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
    var matches = filenameRegex.exec(disposition);
    if (matches != null && matches[1]) {
     filename = matches[1].replace(/['"]/g, '');
    }
   }
   var type = xhr.getResponseHeader('Content-Type');var blob = typeof File === 'function'
    ? new File([this.response], filename, { type: type })
    : new Blob([this.response], { type: type });
   if (typeof window.navigator.msSaveBlob !== 'undefined') {
    // IE workaround for "HTML7007: One or more blob URLs were revoked by closing the blob for which they were created. 
    // These URLs will no longer resolve as the data backing the URL has been freed."
    window.navigator.msSaveBlob(blob, filename);
   } else {
    var URL = window.URL || window.webkitURL;
    var downloadUrl = URL.createObjectURL(blob);if (filename) {
     // use HTML5 a[download] attribute to specify filename
     var a = document.createElement("a");
     // safari doesn't support this yet
     if (typeof a.download === 'undefined') {
      window.location = downloadUrl;
     } else {
      a.href = downloadUrl;
      a.download = filename;
      document.body.appendChild(a);
      a.click();
     }
    } else {
     window.location = downloadUrl;
    }
    setTimeout(function () { URL.revokeObjectURL(downloadUrl); }, 100); // cleanup
   }
  }
 };
 xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
 xhr.send($.param({
  
 }));
}
</script></html>

pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
 <modelVersion>4.0.0</modelVersion>
 <parent>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-starter-parent</artifactId>
  <version>2.1.5.RELEASE</version>
  <relativePath /> <!-- lookup parent from repository -->
 </parent>
 <groupId>com.codeFactory</groupId>
 <artifactId>SpringBootFileDownloadUsingAjax</artifactId>
 <version>0.0.1-SNAPSHOT</version>
 <packaging>war</packaging>
 <name>SpringBootFileDownloadUsingAjax</name>
 <description>Spring Boot File Download Using Ajax Example</description><properties>
  <java.version>1.8</java.version>
 </properties><dependencies>
  <dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-web</artifactId>
  </dependency><dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-devtools</artifactId>
   <scope>runtime</scope>
   <optional>true</optional>
  </dependency>
  <dependency>
            <groupId>org.apache.tomcat.embed</groupId>
            <artifactId>tomcat-embed-jasper</artifactId>
            <scope>provided</scope>
        </dependency>
 </dependencies><build>
  <plugins>
   <plugin>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-maven-plugin</artifactId>
   </plugin>
  </plugins>
 </build></project>

Spring Boot File Download Using Ajax Example | Code Factory

Written by Code Factory