1

I am sending a file from the front-end (Angular) via a web service to the back-end (Java). How to decode the file in Spring Boot?

Here is it my code in Angular: (encode file in base64) in a function with 3 parameters (base64, name, size)

readAndUploadFile(theFile: any) {
    let file = new FileModel();
    
    // Set File Information
    file.fileName = theFile.name;
    file.fileSize = theFile.size;
    file.fileType = theFile.type;
    file.lastModifiedTime = theFile.lastModified;
    file.lastModifiedDate = theFile.lastModifiedDate;
    
    // Use FileReader() object to get file to upload
    // NOTE: FileReader only works with newer browsers
    let reader = new FileReader();
    
    // Setup onload event for reader
    reader.onload = () => {
        // Store base64 encoded representation of file
        file.fileAsBase64 = reader.result.toString();
        
        // POST to server
        this.uploadService.uploadFile(file.fileAsBase64,file.fileName,file.fileSize).subscribe(resp => { 
         
            this.messages.push("Upload complete");
            console.log("tst",resp); });
    }
    
    // Read the file
    reader.readAsDataURL(theFile);
} 


uploadFile(): void {
  this.readAndUploadFile(this.theFile);
}

My code in the back-end:

@RequestMapping("/UploadFile")
public String uploadFile(String base64, String name, String size) throws Exception {
 
    return "true";
}
Mark Rotteveel
  • 100,966
  • 191
  • 140
  • 197
dareen_04
  • 23
  • 1
  • 6
  • Why are you even base64 encoding the file? Why not just send the file as binary data? In any case, Java includes a Base64 encode/decoder. Have you tried using it? – Mark Rotteveel Mar 16 '22 at 14:37
  • What exactly do you want to do? Do you want to convert it to a file and store it somewhere? – fatih Mar 16 '22 at 14:42
  • @MarkRotteveel I just found a solution with base64 in angular so I worked with it ! and yes I tried to decode the string of base64 but i couldnt upload the file ! – dareen_04 Mar 16 '22 at 14:51
  • @Fati I want to download the file which is in base64 format! – dareen_04 Mar 16 '22 at 14:52

2 Answers2

1
byte[] data = Base64.decodeBase64(base64);
try (OutputStream stream = new FileOutputStream("path to file ")) {
    stream.write(data);
}
Mehdi Lamine
  • 21
  • 5
1

You can download the file converted to Base64 format using this.

@RequestMapping(value = "/UploadFile")
public String uploadFile(HttpServletResponse response, String base64, String name, String size) throws Exception {
    // If you are using Java 8 or above
    byte[] decodedFile = Base64.getDecoder().decode(base64.getBytes(StandardCharsets.UTF_8));
    response.setContentType("application/octet-stream");
    response.setHeader("Content-Disposition", "attachment; filename=" + name);
    response.setHeader("Pragma", "no-cache");
    response.setHeader("Cache-Control", "no-cache");

    InputStream is = new ByteArrayInputStream(decodedFile);
    IOUtils.copy(is, response.getOutputStream());
    response.flushBuffer();
    return "true";
}
fatih
  • 1,285
  • 11
  • 27