Question

我正在尝试编写一些简单的代码，但我不确定要使用什么，javascript或PHP。我有一些结构化的HTML文档，我想将文件夹中的图像插入到每个img src属性中。所以基本上我需要阅读内容，然后逐个插入每个内容。

<div class="slideshow">
        <div class="wrapper">
            <ul>
                <li>
                    <div class="main">
                        <a href="product1.html"><img src="images/sample/name1-1.jpg" alt="" width="630" height="400" /></a>
                    </div>
                    <div class="second">
                        <img src="images/sample/name1-2.jpg" alt="" width="310" height="190" />
                    </div>
                    <div class="third">
                        <img src="images/sample/name1-3.jpg" alt="" width="310" height="190" />
                    </div>
                </li>

感谢任何能够引导我朝正确方向前进的人......

我使用以下代码从目录中获取图像

<?php

Header("content-type: application/x-javascript");

function returnimages($dirname=".") {
$pattern="(\.jpg$)|(\.png$)|(\.jpeg$)|(\.gif$)"; 
$files = array();
$curimage=0;
if($handle = opendir($dirname)) {
while(false !== ($file = readdir($handle))){
if(eregi($pattern, $file)){ 

echo 'galleryarray['.$curimage.']="'.$file .'";';
$curimage++;
}
}

closedir($handle);
}
return($files);
}

echo 'var galleryarray=new Array();'; 
returnimages() 
?>

但此时我不确定如何将每个文件名插入src属性

Answer 1

使用PHP，您可以使用glob（）函数从目录中获取特定文件。

例如glob("path/to/images/*.jpg")会在您的目录中为您提供一组jpg图像。然后你可以使用foreach循环将它们全部打印到html页面。

Answer 2

请在此处查看如何使用php将图像上传到floder： http://www.w3schools.com/php/php_file_upload.asp

然后，完成上传后，只需编写插入查询即可添加到包含图像详细信息的表格中，例如图像名称和与之关联的产品ID

INSERT INTO images (id, image_name, product_id) VALUES ('myimage.jpg', '20');

我假设你为'id'字段使用自动增量，这是图像的主键。

然后你只需按product_id查询图像表并获取图像名称，然后添加到scr字段

$imagename = 'myimage.jpg';

<img src="images/<?=$imagename;?>" />

Answer 3

您无法使用JavaScript读取服务器上的目录，因此您必须使用PHP，例如RecursiveDirectoryIterator（http://php.net/manual/en/class.recursivedirectoryiterator.php）

从文件夹内容中读取单个img src到HTML

3 个答案: