Posts

Showing posts with the label ReactJS

Spring Boot + React - Drag and Drop File Upload & Download Example

Image
Hello everyone, today we will learn how to (drag and drop) upload and download the file with Spring Boot and React. You could download the source code from our GitHub repository. Technologies used: Backend: Spring Boot 2.7.0 Java 17 Frontend: React 17.0.2 Axios 0.27.2 Bootstrap 4.6.0 react-dropzone 11.3.4 Backend Project Directory: Frontend Project Directory: We will build two projects:  1. Backend:  springboot-fileupload-filedownload 2. Frontend:  react-drag-drop-file-upload-download Project 1: springboot-file-upload-download pom.xml <?xml version = "1.0" encoding = "UTF-8" ?> <project xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xmlns = "http://maven.apache.org/POM/4.0.0" xsi:schemaLocation = "http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" > <modelVersion> 4.0.0 </modelVersion> <parent> <groupId> org.springframework.boot </

Spring Boot + ReactJS: File Upload & Download Example

Image
Hello everyone, today we will learn how to upload and download the file with Spring Boot and React. You could download the source code from our GitHub repository. Technologies Used: Backend: Spring Boot 2.7.0 Java 17 Frontend: React 17.0.1 Axios 0.27.2 Bootstrap 4.4.1 User Interface: Backend Project Directory: Frontend Project Directory: We will build two projects:  1. Backend:  springboot-fileupload-filedownload 2. Frontend: react-file-upload-download Project 1: springboot-file-upload-download pom.xml <?xml version = "1.0" encoding = "UTF-8" ?> <project xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xmlns = "http://maven.apache.org/POM/4.0.0" xsi:schemaLocation = "http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" > <modelVersion> 4.0.0 </modelVersion> <parent> <groupId> org.springframework.boot </groupId> <artifactI