亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何使用jQuery/Javascript將一個文件夾中的所有圖像加載到我的網頁中

如何使用jQuery/Javascript將一個文件夾中的所有圖像加載到我的網頁中

蝴蝶不菲 2019-07-20 12:45:07
如何使用jQuery/Javascript將一個文件夾中的所有圖像加載到我的網頁中我在我的.js文件所在的目錄中有一個名為“映像”的文件夾。我希望使用jQuery/Javascript將“圖像”文件夾中的所有圖像加載到我的html頁面中。由于圖像的名稱不是連續整數，我該如何加載這些圖像？
查看完整描述

3 回答

?
慕雪6442864

TA貢獻1812條經驗 獲得超5個贊

這里有一種方法。還需要做一些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>');
                });
            }
        });

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

在php部件上有一些幫助1


查看完整回答
反對 回復 2019-07-20
  • 3 回答
  • 0 關注
  • 1060 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號