从文件夹中获取图像

Question

I have the following code that fetches images from Flickr, and I want to change it to fetch images from a folder (without the Flickr API).

I need help. I don't know how to do it.

var api_flickr = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";

// fetch images from Flickr
function fetch_images() {

    $.getJSON(api_flickr, {
        tags: $("#searchinput").val(),
        tagmode: "any",
        format: "json"
    })
    .done(function(data) {
        $.each(data.items, function(i, item) {
            var url = item.media.m;
            var title = item.title;
            var elem = $("<div class='my show'><img src='"+url+"'/><div>"+
                         title+"</div>");
            images.append(elem);
        });
        // add more-div and resize
        images.append($("#morediv").clone().removeAttr("id"));
        resize_images();
    });

}

Answer 1

To fetch image from a folder, you may be use ajax/jquery if want javascript.

Here I've done this using PHP. You can test this also.

<?php 
$imagesDir = 'images\\';
$images = glob($imagesDir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);

foreach($images as $key=>$value)
{
  echo "<img src='$value' style='margin:10px'>";
}
?>

There is an folder called images . Then fetch the images using the php glob function .

Note : Code is tested and working in my site