img not loading image using ajax call

Question

I am loading image dynamically in javascript

<img src="adimg/autos/1393d702-ba09-47f9-9409-c8b904f370ed.jpg" style="width:50px;">

idimg is at the root of my app.

I an creating it like this

      for (i = 0; i < v.length; i++) {
            //" + v[i] + "
            //  $("#tr1 tbody").append($("<tr><td><img src='" + v[i] + "' style='width:50px;' /></td></tr>"));
            $('#tr1').append("<tr><td><img src='adimg/autos/1393d702-ba09-47f9-9409-c8b904f370ed.jpg' style='width:50px;' /></td></tr>");

        }

I have no idea why it's not displaying image. it's only displaying img placeholder

have you tried displaying the image in normal img element with that url? also it'll be helpful if we knew whose id is tr1? — Codeek, Dec 31 '14 at 11:28
What do you mean "img placeholder" - you mean that the browser is showing that the image doesn't exist? Well, does it exist? - what is the absolute URL of the page, and what is the absolute URL of the image? — Ian Clark, Dec 31 '14 at 11:28
is this on page script or separate file.. if separate js file set image path according to separate js file — Susantha7, Dec 31 '14 at 11:29
lolz, localhost? and did it work? loading image with that url in the same page? — Codeek, Dec 31 '14 at 11:31
i think you cant access adimg directory directly with your page, try this src='/listhell/adimg/autos/1393d702-ba09-47f9-9409-c8b904f370ed.jpg' — Vaibhav J, Dec 31 '14 at 11:34
can you rightclick on your img placeholder, copy image url, and paste here.i want to see the image path — Vaibhav J, Dec 31 '14 at 12:39

score 0 · Answer 1 · answered Dec 31 '14 at 11:34

0

Now try with this path :

  for (i = 0; i < v.length; i++) {
            $('#tr1').append("<tr><td><img src='/listhell/adimg/autos/1393d702-ba09-47f9-9409-c8b904f370ed.jpg' style='width:50px;' /></td></tr>");

        }

answered Dec 31 '14 at 11:34

Vaibhav J

1,316
8
15

score 0 · Answer 2 · edited May 23 '17 at 10:10

0

If I'm correct, Internet Explorer 8 can't use the JavaScript .append function if the element is still being rendered. If you're testing if it works on IE8, try putting your entire script in $(document).ready(function(){ ... });. More info on this here

edited May 23 '17 at 10:10

Community

1
1

answered Dec 31 '14 at 11:43

Droes

65
1
8

img not loading image using ajax call

2 Answers2

Linked