Tag: file

Angular 13 Image Upload with Preview example

bezkoder

In this tutorial, I will show you way to build Angular 13 Image Upload with Preview example (Multiple Images) with Web API/Rest API, FormData and Bootstrap Progress Bars.

More Practice:
– Angular 13 + Spring Boot: File upload example
– Angular 13 + Node Express: File Upload example
– Angular 13 CRUD Application with Rest API
– Angular 13 Login and Registration example with Web Api
– Using Material: Angular Material 14 Image upload with Preview example

Newer versions:
– Angular 14 Multiple Images Upload with Preview example
– Angular 15 Image Upload with Preview example
– Angular 16 Image Upload with Preview example
– Angular 17 Image Upload with Preview example

Read More

Angular 13 File upload example with progress bar & Bootstrap

bezkoder 5 Comments

In this tutorial, I will show you way to build an Angular 13 File upload to Rest API example using Bootstrap, HttpClient, FormData and Progress Bar.

More Practice:
– Angular 13 Image Upload with Preview example
– Angular example: CRUD Application with Rest API
– Angular Form Validation example (Reactive Forms)
– Using Material: Angular Material File upload example
– Angular Login and Registration example with Web Api

Serverless with Firebase:
Angular Upload File to Firebase Storage example

Newer versions:
– Angular 14 File upload example
– Angular 15 File upload example
– Angular 16 File upload example
– Angular 17 File upload example

Read More

Angular 13 Firebase Storage: Upload/Retrieve/Download/Delete File example

bezkoder 3 Comments

In this tutorial, I will show you how to make Angular 13 with Firebase Storage Application: File Upload, Retrieve, Download, Delete using @angular/fire & AngularFireStorage. Files’ info will be stored in Firebase Realtime Database for Display/Delete operations.

Related Posts:
– Angular Firebase CRUD with Realtime Database
– Angular Firestore CRUD example
– Angular CRUD Application example with Rest API
– Angular Form Validation example (Reactive Forms)
– Angular File upload example with Rest API

Newer versions:
– Angular 14 File Upload with Firebase Storage
– Angular 15 File Upload with Firebase Storage
– Angular 16 File Upload with Firebase Storage
– Angular 17 File Upload with Firebase Storage

Read More

React Dropzone example: Multiple Files upload with ProgressBar

bezkoder

In this React tutorial, I will show you way to build React Dropzone Multiple Files upload example using react-dropzone for drag & drop files, Axios and Multipart File for making HTTP requests, Bootstrap for progress bar and display list of files’ information (with download url).

More Practice:
– React File Upload/Download example with Spring Boot Rest Api
– React.js CRUD example to consume Web API
– React JWT Authentication & Authorization (without Redux) example
– React Redux: JWT Authentication & Authorization example

Read More

React Drag and Drop File Upload example with react-dropzone, Axios & Bootstrap

bezkoder

In this tutorial, I will show you way to build React.js Drag and Drop File Upload example with Rest API. The React App uses react-dropzone, Axios and Multipart File for making HTTP requests, Bootstrap for progress bar. You also have a display list of files’ information (with download url).

More Practice:
– React Image Upload with Preview example
– React Dropzone example: Multiple Files upload with Progress Bar
– React CRUD example to consume Web API
– React JWT Authentication (without Redux) example
– React + Redux: JWT Authentication example

Using Hooks: Drag and Drop File Upload with React Hooks example

Read More