file upload Archives

angular-material-12-image-upload-preview-example-feature-image

Angular Material 12 Image upload with Preview example

Last modified: June 30, 2021 bezkoder 1 Comment

In this tutorial, I will show you way to build (Multiple) Image upload and Preview example with Web API/Rest API using Angular Material 12, FormData and Progress Bar.

More Practice:
– Angular 12 + Spring Boot: File upload example
– Angular 12 + Node.js: File Upload example
– Angular 12 Login and Registration example with JWT & Web Api
– Angular 12 CRUD Application example with Web API
– Angular 12 Form Validation example (Reactive Forms)
– Using Bootstrap: Angular 12 Multiple Images Upload with Preview example

Serverless with Firebase:
Angular 12 Upload File to Firebase Storage example

Angular Material 12 File upload example with progress bar

Last modified: June 30, 2021 bezkoder Leave a comment

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

More Practice:
– Angular Material 12 Image upload with Preview example
– Angular 12 + Spring Boot: File upload example
– Angular 12 + Node.js: File Upload example
– Angular 12 Login and Registration example with JWT & Web Api
– Angular 12 CRUD Application example with Web API
– Angular 12 Form Validation example (Reactive Forms)
– Bootstrap instead: Angular 12 File upload example with progress bar & Bootstrap

Serverless with Firebase:
Angular 12 Upload File to Firebase Storage example

vuetify-image-upload-preview-feature-image

Vuetify Image Upload with Preview example

Last modified: June 15, 2021 bezkoder Leave a comment

In this tutorial, I will show you way to use Vuetify to build Image Upload with Preview example using Axios and Multipart File for making HTTP requests. You will also know how to add progress bar, show response message and display list of images’ information (with url).

More Practice:
– Vuetify Multiple Images Upload example
– Vuetify data-table example with a CRUD App | v-data-table
– Vue.js JWT Authentication with Vuex and Vue Router

Using Bootstrap: Vue File Upload example with Axios & Bootstrap

angular-12-file-upload-firebase-storage-feature-image

Angular 12 Upload File to Firebase Storage: Display/Delete Files example

Last modified: June 29, 2021 bezkoder Leave a comment

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

Older versions:
– Angular 10 File Upload with Firebase Storage
– Angular 11 File Upload with Firebase Storage