Relative path not working with img tag inside the button

Question

1.00/5 (1 vote)

See more:

Hi All,

I have html button tag in which I have nested the image tag to show in my application.

The problem is when I use relative path the image tag does not work at all but if I use absolute path it works just fine.

But I do not want to use absolute path because I need to change it if I put this on test server and on main server.

Here is code with absolute path:

C#

treeNode.Append(@"<button ><img src=""http://localhost:62473/mainFolder/Images/image1.png"" width=""30"" height=""15"" alt=""Get Info""></button>");

Here is code with relative path:

C#

treeNode.Append(@"<button ><img src=""~/Images/image1.png"" width=""30"" height=""15"" alt=""Get Info""></button>");

Please help me and let me know where I am going wrong?

Posted 20-Jul-15 10:03am

Member 11842305

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Accepted Answer · 2015-07-20T10:35:00

Solution 1

Of course it always works. You did no try use relative path anywhere, so I don't know where you screwed it up. The path should be relative the the HTML file using the path. Perhaps you don't quite know the path syntax: '.' is "this directory", '..' means one level up, '~' means root directory set up for your site, and so on.

—SA

Posted 20-Jul-15 10:35am

Sergey Alexandrovich Kryukov

Comments

Member 11842305 20-Jul-15 16:39pm

I have used ~ this because my Images folder is in root directory. Should I use another one?

Sergey Alexandrovich Kryukov 20-Jul-15 16:50pm

No, if this is what you use, it should work. Just check up everything accurately.
By the way, specifying both width and height is not maintainable, use none of them (if you can) or only width or only height, otherwise you can mangle you aspect ratio.
—SA

Member 11842305 20-Jul-15 16:52pm

It's not working, No image is showing with the relative path code.:(

Sergey Alexandrovich Kryukov 20-Jul-15 16:55pm

Is it working an any way at all? Check up if the image is correct, has correct location, everything. It's only a matter of accurate work. After all, show the image on a page loaded in browser, without a server, to start with something.
—SA

Member 11842305 20-Jul-15 16:57pm

Yeah as I mentioned it's working just fine with absolute path but not with the relative. There is no problem with the image.

Member 11842305 20-Jul-15 16:57pm

Yeah as I mentioned it's working just fine with absolute path but not with the relative. There is no problem with the image.

Sergey Alexandrovich Kryukov 20-Jul-15 17:01pm

Show:
1) img src="..." with absolute path (relative to site root), the way it shows;
2) path of HTML or ASP.NET file using it
—SA

Member 11842305 20-Jul-15 17:15pm

I am sorry Sir but I didn't get you?

Sergey Alexandrovich Kryukov 20-Jul-15 17:30pm

Just give me all paths involved, relative to your site root ~:
1) image;
2) HTML using that image.
—SA

Member 11842305 20-Jul-15 17:33pm

Hello Sir,

as you suggested I tried ../myfolder/image name and it worked just fine in test server also. Thank you so much for your help. you are awesome

Sergey Alexandrovich Kryukov 20-Jul-15 18:19pm

You are welcome.
—SA

Member 11842305 20-Jul-15 16:53pm

I will remove the width and height attributes.