php - 将文件夹内容中的单个 img src 读取为 HTML

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 将图像上传到 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查询images表并获取图像名称，然后添加到scr字段

$imagename = 'myimage.jpg';

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