How do i change image src using jquery?

Question

I want to change an image src which is jsp page through jquery. my code is right below

$('#image').attr("src","file:///D:/vow/themes/multiflex/webapp/multiflex/images/chart.png");

In JSP File I Have

<table>
<tr style="padding-bottom:5px;">
<td>&nbsp;&nbsp;Image &nbsp;&nbsp;</td>
<td>&nbsp;<img id="image"/></td>
<td>&nbsp;</td>
</tr>
</table>

But i see no display on my jsp page after i run.I have my source code and image are in different directories.

instead of "file://..", use the url like "http://www.somesite.com/../chart.png" — Sudhir Bastakoti, Sep 04 '13 at 05:38
My guess is that your browser is denying access to your local hard drive, but we'd have to see your whole piece of code to know for sure. — jfriend00, Sep 04 '13 at 05:43

score 1 · Answer 1 · edited May 23 '17 at 11:58

1

I think because D would be seen the D drive on the client pc, it wont let you. And if it could do this, it would be a big security hole.

See below link

Try relative path like

$("#image").attr("src", "/images/chart.png");

edited May 23 '17 at 11:58

Community

answered Sep 04 '13 at 05:45

Swapnil Patil

score -2 · Answer 2 · answered Sep 04 '13 at 05:41

-2

you use src attribute, try specifying the src with the image to identify it on a html page:

$('img[src="your-current-image-src"]').attr('src','your-new-src');

and make sure 'file:///' wont work you need some sort of url or relative path

answered Sep 04 '13 at 05:41

Umang Mehta

The last paragraph is correct, but the idea to change the selector is utterly wrong. – John Dvorak Sep 04 '13 at 05:47
also note that file-URLs _are_ "some sort of url" and the asker is unlikely to understand "relative path" - an example of a valid URL? – John Dvorak Sep 04 '13 at 05:49

2 Answers2