使用php显示文件夹中的图像

时间:2018-09-04 16:43:49

标签: php html-form

文件夹中有一些图像,文件中有图像名称。 我想根据单击的按钮显示图像。

    <!DOCTYPE html>
    <html>
    <head>
        <title>Your Album</title>
    </head>
    <body>
        <form method="post">
            <input type="submit" name="first" value="FIRST">    
            <input type="submit" name="previous" value="PREVIOUS">
            <input type="submit" name="next" value="NEXT">
            <input type="submit" name="last" value="LAST">
            <input type="submit" name="dele" value="DELETE">
        </form>
        <br>

    <?php
    $fp = fopen("imgname.csv","r");
    $line = fread($fp,filesize("imgname.csv"));
    $item = explode("\n", $line);
    $count;
    $sizecsv = sizeof($item);   
    if(isset($_POST['next'])) {
        $count++;
        echo "<img src='images/$item[$count]' width='250px'>";
        echo "<br>","Image No: ",$count+1;
    }
    if(isset($_POST['previous'])) {
        $count--;
        echo "<img src='images/$item[$count]' width='250px'>";
        echo "<br>","Image No: ",$count+1;
    }
    if(isset($_POST['first'])) {
        $count = 0;
        echo "<img src='images/$item[$count]' width='250px'>";
        echo "<br>","Image No: ",$count+1;
    }
    if(isset($_POST['last'])) {
        $count = $item[$sizecsv-1];
        echo "<img src='images/$item[$count]' width='250px'>";
        echo "<br>","Image No: ",$count+1;      
    }

?>
</body>
</html>

这是我的代码。我将图像名称存储在数组中,并尝试根据单击的按钮操作索引。这适用于“第一”按钮,但不适用于其他任何按钮。我不明白这个问题。是不是每次单击按钮都会重新加载页面,并且$ count的值会丢失。 请给出一个解决方案。 另外我对php还是陌生的,因此,如果您可以保持简单,那将是有帮助的。预先感谢。

2 个答案:

答案 0 :(得分:0)

我会循环进行。

$i = 1;
while($i<=100){
    $name = $i<10?"0".$i:$i;
    echo "<a href='images/".$item.".jpg' class='image'>
          <img src='images/thumbs/image".$name.".jpg' alt=''/>
          </a>";
    $i++;
}

不确定要处理多少张图像,但我将其设置为100张。请务必进行相应调整。

答案 1 :(得分:0)

我假设您的csv文件数据是用新行分隔的文件名数组,如下所示:

some-img-01.jpg
img-02.jpg
img-05.jpg
....

请检查以下代码。 我已经对代码进行了重组,以在每个页面加载之间传递状态(如果以前的帖子中存在)。在这里,我将其设计为循环-如果从头到尾单击,则从第一个开始;如果从第一个位置单击上一个,则从第一个跳到最后。您可以通过注释掉适当的行(检查注释)来禁用此功能。

<?php
$current_index = isset($_POST['current_index'])? intval($_POST['current_index']) : 0;

$fp = fopen('imgname.csv', 'r');
$line = fread($fp, filesize('imgname.csv'));
fclose($fp);
$item = explode("\n", $line);
$sizecsv = sizeof($item);

$current_index = isset($_POST['current_index'])? intval($_POST['current_index']) : 0;

if ($current_index >= $sizecsv) $current_index = ($sizecsv - 1);
if ($current_index < 0) $current_index = 0;

if (isset($_POST['next'])) {
    $current_index++;
    // If reached end of the list, then clicked next, the index starts from firt again.
    // If you dont need this feature, then can comment the following line.
    if ($current_index >= $sizecsv) $current_index = 0;
}
if (isset($_POST['previous'])) {
    $current_index--;
    // If the indexin first image, but clicked the Previous button, then the index goes to last element.
    // If you dont need this feature, then can comment the following line.
    if ($current_index < 0) $current_index = ($sizecsv - 1);
}
if (isset($_POST['first'])) $current_index = 0;
if (isset($_POST['last'])) $current_index = ($sizecsv - 1);
?><!DOCTYPE html>
<html>
<head>
    <title>Your Album</title>
</head>
<body>
    <form method="post">
        <input type="text" name="current_index" value="<?php echo $current_index;?>"/>
        <input type="submit" name="first" value="FIRST"/>    
        <input type="submit" name="previous" value="PREVIOUS"/>
        <input type="submit" name="next" value="NEXT"/>
        <input type="submit" name="last" value="LAST"/>
        <input type="submit" name="dele" value="DELETE"/>
    </form>
    <br>

    <img src="images/<?php echo $item[$current_index];?>" width="250px"/>
    <br>, Image No: <?php echo ($current_index + 1);?>
</body>
</html>