Angular 16 File upload example with Progress bar

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

More Practice:
Angular 16 Image Upload with Preview example
Angular 16 example: CRUD App with Rest API
Angular 16 Form Validation example
– Using Material: Angular Material 16 File upload example
Angular 16 Login and Registration example with Web Api

Serverless with Firebase:
Angular 16 File Upload with Firebase Storage

Read More

React Typescript – Multiple Image Upload example (with Preview)

In this tutorial, I will show you way to Upload Image Image (with Preview) to a Rest API using React Typescript and Hooks. The React App uses Axios and Multipart File for making HTTP requests, Bootstrap for progress bar. You also have a display list of images’ information (with download url).

More Practice:
React Typescript CRUD example
React Hook Form Typescript example with Validation
React Custom Hook in Typescript example
React Query and Axios (Typescript) example
Spring Boot + React Typescript example

Serverless with Firebase:
React Typescript Firebase CRUD with Realtime Database
React Typescript Firestore CRUD example with Cloud Firestore

Read More

Upload Image in React Typescript example (with Preview)

In this tutorial, I will show you way to Upload Image (with Preview) to a Rest API using React Typescript and Hooks. The React App uses Axios and Multipart File for making HTTP requests, Bootstrap for progress bar. You also have a display list of images’ information (with download url).

More Practice:
React Typescript Multiple Image Upload example (with Preview)
React Typescript CRUD example
React Hook Form Typescript example with Validation
React Custom Hook in Typescript example
React Query and Axios (Typescript) example
Spring Boot + React Typescript example

Serverless with Firebase:
React Typescript Firebase CRUD with Realtime Database
React Typescript Firestore CRUD example with Cloud Firestore

Read More