From the course: Building a Web Application on Microsoft Azure
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Modifying the user interface to upload photos - Azure Tutorial
From the course: Building a Web Application on Microsoft Azure
Modifying the user interface to upload photos
- We need to modify the application so we can implement the photo-uploading feature. I already created this photos branch, and we're going to modify Edit, which is the page that allows me to update an existing pet. So here we need a new control for uploading a photo to a specific pet. And that element is going to be input of type file. As you can see, this kind of pages are a combination of HTML and the Razor pages syntax. If you're not familiar with Razor pages or the asp.net core framework, don't worry, okay? This is going to be easy. So this input is implemented inside this form that has the post method and the multipart form-data enctype. And we can get rid of this line. It was implemented that way because I needed a mechanism for storing the photo URLs. However, with this implementation that we're going to do, that won't be required anymore. Okay, so before I continue with this implementation let's open up this…
Contents
-
-
-
-
-
-
(Locked)
Using Azure Storage for storing binary files39s
-
(Locked)
Creating the Storage account using the Azure portal1m 50s
-
(Locked)
Creating the Blob container in the Storage account1m 59s
-
(Locked)
Modifying the seed data to read the photos from the container4m 7s
-
(Locked)
Modifying the user interface to upload photos2m 44s
-
(Locked)
Implementing the StorageService class4m 5s
-
(Locked)
Invoking the StorageService from the Edit page1m 38s
-
(Locked)
Testing the web application locally2m 27s
-
(Locked)
Publishing the application to the deployment slot5m 4s
-
(Locked)
Swapping the production and dev deployment slots2m 14s
-
(Locked)
-
-
-