How can I display an image from the local machine on a webpage

Question

Here\'s the scenario: I have two machines on a LAN network. One of them is acting as a web server. When the second, client machine browser (Firefox) makes a request from the

Answer 1

In most recent browsers, links to local files ( file:/// ) do not open, for security purposes. In your case, the browser does not display an image that resides on a file on your hard disk. This reason also explains why it works when you save your page locally.

Answer 2

A html page cannot request images from the client host. It must be stored on the server, or in another remote location.

Answer 3

If you are using Arduino you can:

1. Use embedded css and images. In result you will got whole page by one browser call

2. Add additional logic to process browser requests for getting css and jpg files from SD card filesystem of Arduino

Answer 4

For starter, you need to add the runat="server" attribute.

If that doesn't suffice, then:

you should change

<img src="http://localhost//file:/C:/Users/General/Desktop/map1.jpg"/>

to something like

<img src="http://localhost/General/Desktop/map1.jpg"/>

or even better to

<img src="~/General/Desktop/map1.jpg"/>

which targets the root of the application (you would need to move your image in that directory)