Question

我有以下代码从Flickr获取图像，我想将其更改为从文件夹中获取图像（不使用Flickr API）。

我需要帮助。我不知道怎么做。

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

要从文件夹中获取图像，如果需要javascript，可以使用ajax / jquery。

这里我使用PHP完成了这个。你也可以测试一下。

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

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

有一个名为 images 的文件夹。然后使用php glob function获取图像。

注意：代码经过测试并在我的网站上工作

从文件夹中获取图像

1 个答案: