使用服务器上的HTML / js在网页上显示图像

Question

I've to display some images on my webpage that are stored on my server. The no. of images is not fixed so I am confused that how should I construct the tags in my client side code to display those images in HTML or javascript. I am trying this in PHP but its not working:-

foreach(glob($strPath."/".$FileName."/*.jpg") as $f)
{
echo "<img src='../MyPP/".$f."'/>";
}

It displays nothing and I can't get the image in JS for manipulation. I think this is not very difficult problem but I am newbie to web so I've not much knowledge of HTML and JS. Please suggest an easiest way to do this in HTML/JS (avoid ajax/jquery etc. if possible). I would really gratefull for any help. Thanks.

Answer 1

Try;

foreach(glob($strPath."/".$FileName."/") as $f){
    echo "<img src='../MyPP/".$f.".jpg'/>";
}