2017-10-17 113 views
0

我有以下代碼從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(); 
    }); 

} 
+1

這並不是一個完整的500行文件粘貼到你的問題真正有用的工作。你能否確切地指出你遇到問題的位置以及接收到的任何錯誤消息等? – TidyDev

+0

該代碼的開發者通過修改代碼向我發送這個:數據源。只需修改函數fetch_images(),爲每個圖像提供一個標題和url。本地圖像也可以工作, – usefpf

+2

純粹的代碼寫入請求在Stack Overflow上是無關緊要的 - 我們希望這裏的問題與特定的編程問題有關 - 但我們會很樂意幫助您自己編寫代碼!告訴我們你試過的東西,以及你卡在哪裏。這也將幫助我們更好地回答你的問題。 –

回答

0

要從文件夾中提取圖像,如果想要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獲取圖像。

注:代碼進行測試在我的網站