404 issue to the file

Peter_1985 2,506

Hi,

Due to issue like

User's image

What to adjust below?

AgaveJoe 26,136 Reputation points

2023-01-28T11:31:01.27+00:00
The image path is incorrect and the sample code is missing quotes around path. The following code example starts at the application root (/) and looks for the images (/images) folder within the root. Next it looks for the beautiful_Currency0e.jpg file within the images folder (/images/beautiful_Currency0e.jpg)

<body style="background-image:url('/images/beautiful_Currency0e.jpg');">

You must understand that the community cannot see where you saved the beautiful_Currency0e.jpg file. The best path forward is learning HTML File Paths.
Peter_1985 2,506 Reputation points

2023-01-28T12:56:46.0366667+00:00

I changed it to

<body style="background-color: ???; background-image:url(/pict/beautiful_Currency0e.jpg);">

and the .jpg file is well existing within root\pict, but there is still the issue below
Peter_1985 2,506 Reputation points

2023-01-28T13:02:15.6233333+00:00

Thanks to see this.

2 answers

AgaveJoe 26,136 Reputation points

2023-01-28T13:30:27.5033333+00:00
@Peter_1985, I'm not sure why you are struggling to understand file paths on a computer system. Again, a 404 (not found) indicates the file path is incorrect or maybe the file does not exist on a remote server. The community cannot see where you saved the file on your system or the remote system if you've deployed the application.

I created an example where "pict" folder is in the application root and beautiful_Currency0e.jpg is inside the pict folder. The path function as expected and shows a background image. Please debug/troubleshoot.

<body style="background-image: url('/pict/beautiful_Currency0e.jpg')">
Please sign in to rate this answer.
Peter_1985 2,506 Reputation points

2023-01-28T15:40:59.7133333+00:00

I put it like

...background-image:url('/pict/beautiful_Currency0e.jpg');

and it is still the original 404 error.

Peter_1985 2,506 Reputation points

2023-01-28T15:44:04.54+00:00

I put it like

...background-image:url('/pict/beautiful_Currency0e.jpg');

and it is still the original 404 error.

AgaveJoe 26,136 Reputation points

2023-01-28T16:17:35.06+00:00

I can think of a few possible problems. 1) You deployed the application but forgot to move the file. 2) The path is wrong. 3) The file name and/or path has a typo.

It is unclear why you are unable to navigate the file system.
Sign in to comment
Lan Huang-MSFT 25,556 Reputation points Microsoft Vendor

2023-01-29T08:56:17.3033333+00:00

Hi @Peter_1985 ,

You need to check if there is a file called beautiful_Currency0e.jpg under your project. Or you can use image url directly.

<body style="background-color: red; background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Altja_j%C3%B5gi_Lahemaal.jpg/1200px-Altja_j%C3%B5gi_Lahemaal.jpg);">

Best regards,
Lan Huang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.
Peter_1985 2,506 Reputation points

2023-01-30T01:50:00.0866667+00:00

Lan,

Such jpg file does exist within the deployed project path, why do the code below not work expectedly?

...background-image:url('beautiful_Currency0e.jpg');

Peter_1985 2,506 Reputation points

2023-01-30T01:50:37.76+00:00

Lan,

Such jpg file does exist within the deployed project path, why do the code below not work expectedly?

...background-image:url('beautiful_Currency0e.jpg');

Lan Huang-MSFT 25,556 Reputation points Microsoft Vendor

2023-01-30T06:23:21.8333333+00:00

Hi @Peter_1985, Did it work fine locally before you deployed it? Are you deploying on iis? Have you tried the following code and check the name of the image. ...background-image:url('../pict/beautiful_Currency0e.jpg');

Peter_1985 2,506 Reputation points

2023-01-30T07:23:40.32+00:00

Hi Lan,

I put the code like

...url('../pict/beautiful_Currency0e.jpg')

and there is still 404 error. How to identify the reason on web page?

Peter_1985 2,506 Reputation points

2023-01-30T07:24:15.5166667+00:00

Hi Lan,

I put the code like

...url('../pict/beautiful_Currency0e.jpg')

and there is still 404 error. How to identify the reason on web page?

Lan Huang-MSFT 25,556 Reputation points Microsoft Vendor

2023-01-31T10:02:26.48+00:00

Hi @Peter_1985,

Did you report an error when working locally before deploying?

Peter_1985 2,506 Reputation points

2023-01-31T12:12:28.2633333+00:00

Hi,

When directly running it, I did not get the same problem, like the following.

AgaveJoe 26,136 Reputation points

2023-01-31T13:14:49.7433333+00:00

@Peter_1985, if the image is found when running the application from Visual Studio but not found when running on a remote server then the problem is you did not deploy the image or there is some other issue with the way you created the web applications in IIS. It should not take 4 days to find the path to an image or check if an image exists. Is there some logical reason why you can't simply look at the folder structure on the remote system???

Peter_1985 2,506 Reputation points

2023-02-01T02:11:12.26+00:00

What is the issue to the path? Any other reason causing the problem on the web page?

Lan Huang-MSFT 25,556 Reputation points Microsoft Vendor

2023-02-01T08:20:55.5333333+00:00

Hi @Peter_1985,

404 is just because the image is not found, you need to make sure the image is also deployed to the server.

You check that the path in the screenshot is complete.

You try to use full path like:

https://your_host/your_project/your_folder/pict/beautiful_Currency0e.jpg

The typical trigger for an error 404 message is when website content has been removed or moved to another URL. There are also other reasons why an error message could appear. These include:

The URL or its content (such as files or images) was either deleted or moved (without adjusting any internal links accordingly)

The URL was written incorrectly (during the creation process or a redesign), linked incorrectly, or typed into the browser incorrectly

The server responsible for the website is not running or the connection is broken

The requested domain name can’t be converted to an IP by the domain name system (DNS)

The entered domain name doesn’t exist (anymore)

AgaveJoe 26,136 Reputation points

2023-02-01T13:32:15.74+00:00

The community cannot see your project or where you've deployed the application. Therefore we cannot accurately answer this question. At this point it seems like you do not understand how to navigate the file system or perhaps a virtual file system in the case of an IIS application.
Sign in to comment