React JS & Asp.Net Core Web API - Image Upload, Retrieve, Update and Delete

React & ASPNET Core API - Image Upload, Retrieve, Update and Delete

This 2nd video in this series of ReactJS image upload retrieve and delete or image gallery with asp.net core API. In our first video, we've updated an image to asp.net core web API through react js.

First of all, we've enabled static file serving from asp.net core API. Then retrieved all of the records with the uploaded images back to the react js application. All of the records iterated with map function to render them all in table rows and cells. Finally, the remaining operations update and delete are implemented for the records with the image.

Tools Used: VS Code, Visual Studio, SSMS, Postman

Discussion @ Time
___________________
0:00 - Summary
01:14 - Enable serving static files in .Net Core API
08:38 - Iterate throug table rows and cell with map function
13:53 - Update uploaded image in react
24:37 - Delete uploaded image

✨ Recommended Courses
➤ React : https://bit.ly/35pLyZP
➤ .Net Core API : https://bit.ly/3zaRaWY
➤ React + .Net Core API : https://bit.ly/35v8rez
➤ React + Material UI : https://bit.ly/2IKzMS4
➤ Real World Projects in React : https://bit.ly/3JeUZPw
➤ Complete Web Development Bootcamp : https://bit.ly/3b92YAQ

? GitHub Repository
► https://bit.ly/2SbnCmR

? Buy me a Coffee ( Donation )
➤ https://bit.ly/3L36ut4 (PayPal)

? Related Videos
https://bit.ly/3jhYTZU : Part 1 of this video
http://bit.ly/2t0op0W : React CRUD with .Net Core API
https://bit.ly/3gkyQ2D : React Material UI Complete Tutorial
https://goo.gl/ijPZQk : .Net Core Web API CRUD with Angular 7
https://goo.gl/AL18CP : Asp.Net Core MVC CRUD
https://goo.gl/ZHDEhP : Master-Detail CRUD Web API + Angular

Subscribe to this channel Link to this video
► https://goo.gl/RFY5C2 ► https://bit.ly/3n56I7G

? Must-Read Books for All Programmers
Code Complete(2nd Edition) : https://geni.us/s6AK9t
The Art of Computer Programming : https://geni.us/Ko4H8m
Clean Code : https://geni.us/Jf9EBTB
Design Patterns : https://geni.us/OMPP
The Pragmatic Programmer : https://geni.us/8UM9F

? Purchase for Developers
? Laptops
MacBook Pro with M1 Chip : https://geni.us/7KGvnCU
Dell XPS 9570 : https://geni.us/rYB6
Microsoft Surface:https://geni.us/BJgeM
MacBook Air with M1 Chip : https://geni.us/fHZzRiB
ASUS ZenBook 13 : https://geni.us/LDKE
Lenovo Ideapad : https://geni.us/Mwvg2
⌨️ Keyboard : Das 4 Professional : https://geni.us/hkAdzi

? All Playlist
http://bit.ly/2KQN9xF : Angular
http://bit.ly/30fPDMg : Asp.Net Core
http://bit.ly/325temF : React
http://bit.ly/2ws4utg : Python
https://goo.gl/viJcFs : Node.js
https://goo.gl/gvjUJ7 : Asp.Net MVC
https://bit.ly/3ggmmJz : Flutter
https://goo.gl/itVayJ : Web API
https://goo.gl/YJPPAH : MEAN Stack
https://goo.gl/s1zJxo : C# Tutorial
https://goo.gl/GXC2aJ : Asp.Net WebForm
https://goo.gl/vHS9Hd : C# WinForm
https://goo.gl/MLYS9e : MS SQL
https://goo.gl/5Vou7t : Crystal Report
https://goo.gl/qEWJCs : CG Exercises in C Program

? About this Channel
CodAffection - [ 1 hour content weekly ].
This channel is all about teaching and motivating software developers to build applications/
websites in various technologies/ programming languages like Angular, React, NodeJS, Python, Asp.Net, C#, JavaScript, SQL, etc.
► For Sponsorship Contact here: https://bit.ly/2TjOt0q

? Social Media Links
Blog : http://www.codaffection.com
Facebook : https://www.facebook.com/codaffection
Twitter : https://twitter.com/codaffection
Youtube : https://youtube.com/codaffection
GitHub : https://github.com/codaffection

#Reactjs #AspNetCore #CodAffection