首頁(yè) 猿問(wèn) 如何使用jQuery/Javasc...

如何使用jQuery/Javascript將一個(gè)文件夾中的所有圖像加載到我的網(wǎng)頁(yè)中

JavaScript Html/CSS JQuery

蝴蝶不菲 2019-07-20 12:45:07

如何使用jQuery/Javascript將一個(gè)文件夾中的所有圖像加載到我的網(wǎng)頁(yè)中我在我的.js文件所在的目錄中有一個(gè)名為“映像”的文件夾。我希望使用jQuery/Javascript將“圖像”文件夾中的所有圖像加載到我的html頁(yè)面中。由于圖像的名稱不是連續(xù)整數(shù)，我該如何加載這些圖像？

查看完整描述

3 回答

慕雪6442864

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

這里有一種方法。還需要做一些PHP。

PHP部分：

$filenameArray = [];$handle = opendir(dirname(realpath(__FILE__)).'/images/');
        while($file = readdir($handle)){
            if($file !== '.' && $file !== '..'){
                array_push($filenameArray, "images/$file");
            }
        }echo json_encode($filenameArray);

jQuery部分：

$.ajax({
            url: "getImages.php",
            dataType: "json",
            success: function (data) {

                $.each(data, function(i,filename) {
                    $('#imageDiv').prepend('<img src="'+ filename +'"><br>');
                });
            }
        });

基本上，您需要執(zhí)行一個(gè)PHP文件，將圖像文件名列表返回為JSON，然后使用Ajax調(diào)用獲取該JSON，并將它們添加到html中。您可能希望過(guò)濾從文件夾抓取的文件。

在php部件上有一些幫助1

反對(duì) 回復(fù) 2019-07-20

3 回答
0 關(guān)注
1046 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

如何使用jQuery/Javascript將一個(gè)文件夾中的所有圖像加載到我的網(wǎng)頁(yè)中

如何使用jQuery/Javascript將一個(gè)文件夾中的所有圖像加載到我的網(wǎng)頁(yè)中

3 回答

相關(guān)問(wèn)題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何使用jQuery/Javascript將一個(gè)文件夾中的所有圖像加載到我的網(wǎng)頁(yè)中

如何使用jQuery/Javascript將一個(gè)文件夾中的所有圖像加載到我的網(wǎng)頁(yè)中

3 回答

相關(guān)問(wèn)題推薦

添加回答