You may be facing a scenario where the Images folder of your Project is hosted in another directory on your machine e.g. C:\Data\Images and not under the Project directory structure. In this case, if you need to check whether the Images are loading correctly, you’ll need to create a Virtual directory in your Web application/MVC/WebAPI Project.
Follow the below steps:
1. Right-click on your Project properties and go to the Web tab and provide the URL for the required Virtual directory and click on the button Create Virtual directory. This option edits the ApplicationHost.config file.
2. Run the application and right-click on the IIS Express icon in the status-bar notification tray. Select your website and open the config file.
3. Look for the site tag and find your website and you’ll find the Virtual directory nested tag. Edit the path and physicalPath attribute to the folder on your machine as shown below:
<site name="MyApi" id="2"> <application path="/" applicationPool="Clr4IntegratedAppPool"> <virtualDirectory path="/" physicalPath="C:\MyApi" /> </application> <application path="/uploads" applicationPool="Clr4IntegratedAppPool"> <virtualDirectory path="/" physicalPath="C:\Data\Images\uploads" /> </application> <bindings> <binding protocol="http" bindingInformation="*:62216:localhost" /> </bindings> </site>
After making these changes, refresh the app to view the images in your app via localhost.
To know how to create a Virtual Directory in IIS for a website, check this post.