Download JavaScript Fetch File
Following the Spring download, let's create the client part.
I simply added only the necessary sources.
Source
Create a function
Let's create it as a function for easy use.
// Fetch file download function
const fileDownloadFetch = async(name, path) => {
fetch(path).then(res => res.blob()).then(data => {
const a = document.createElement('a');
a.href = window.URL.createObjectURL(data);
a.download = name;
a.click();
});
}Function call
This is how to execute the function created above.
// Execute download
// Enter the actual file name, extension, and path part of the file name saved in the controller.
fileDownloadFetch('actual file name.txt', '/file/UUID__actual file name.txt');Example
Other examples
Spring server-side upload
Spring server-side download
Client JavaScript Fetch upload
Client JavaScript Fetch download