簡體   English   中英

PHP自動在文件夾中上傳圖像

[英]PHP Automatically upload images in folder

我真的是Web編程的初學者。 我要制作包含照片庫的網頁。 這是代碼

<body>
    <div class="container">
        <header class="clearfix">
        </header>
        <div class="main">
            <a class="fancybox" href="gallery/1.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="gallery/1.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/2.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="gallery/2.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/3.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="gallery/3.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/4.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="gallery/4.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/5.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="gallery/5.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/6.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="gallery/6.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/7.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="gallery/7.jpg" alt="" /></a>
        </div>
    </div>
</body>

我必須手動輸入照片名稱。 但是,如果照片量太多,會很累。 我想添加php代碼以自動從文件夾上傳這些圖像。 如何在內部使用php代碼

<div class="main"></div>

請舉個例子。

您可以使用PHP RecursiveDirectoryIterator

<body>
    <div class="container">
        <header class="clearfix">
        </header>
        <div class="main">
        <?php $images = new RecursiveDirectoryIterator('images');
        foreach($images as $img){
        if(is_dir($img->getFileName())){ continue; }
            echo '<a class="fancybox" href="folder/'.$img->getFileName().'" data-fancybox-group="gallery" title="'.$img->getFileName().'"><img src="folder/'.$img->getFileName().'" alt="'.$img->getFileName().'" /></a>';
        }?>

        </div>
    </div>
</body>

在您的<div>嘗試: <body> <div class="container"> <header class="clearfix"> </header> <div class="main"> <?php $image_array = array_diff(scandir("images"), array('..', '.')); $i = 0; foreach ($image_array as $key) { ?> <a class="fancybox" href="<?php echo 'images/'.$key; ?>" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"> <img src="<?php echo 'images/'.$key; ?>" alt="" height="150" width="150"/></a> <?php $i++; } ?> </div> </div> </body> <body> <div class="container"> <header class="clearfix"> </header> <div class="main"> <?php $image_array = array_diff(scandir("images"), array('..', '.')); $i = 0; foreach ($image_array as $key) { ?> <a class="fancybox" href="<?php echo 'images/'.$key; ?>" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"> <img src="<?php echo 'images/'.$key; ?>" alt="" height="150" width="150"/></a> <?php $i++; } ?> </div> </div> </body> <body> <div class="container"> <header class="clearfix"> </header> <div class="main"> <?php $image_array = array_diff(scandir("images"), array('..', '.')); $i = 0; foreach ($image_array as $key) { ?> <a class="fancybox" href="<?php echo 'images/'.$key; ?>" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"> <img src="<?php echo 'images/'.$key; ?>" alt="" height="150" width="150"/></a> <?php $i++; } ?> </div> </div> </body>圖像更改為您的文件夾名稱。

這應該用完

<body>
    <div class="container">
        <header class="clearfix">
        </header>
        <div class="main">
            <?php
                $image_array = array_diff(scandir("YOUR IMAGES FOLDER NAME"), array('..', '.'));
                $i = 0;
                foreach ($image_array as $key) { ?>
            <a class="fancybox" href="<?= 'YOUR IMAGES FOLDER NAME/'.$key ?>" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="<?= 'YOUR IMAGES FOLDER NAME/'.$key ?>" alt="" height="150" width="150"/></a>
            <?php $i++; } ?>
        </div>
    </div>
</body>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM