首页 > 解决方案 > 无需编码即可添加 html

问题描述

帮助基于 html 的网站

你好

我有一个问题,希望得到一些帮助!
我正在创建一个显示图片和 excel 文件的网站。图片和文件都具有相同的名称,并且位于一个文件夹中。所以 html 会同时调用它们,然后显示在网站上。要访问该站点,您只需按 .html 文件。

所有这些都是用 HTML 和 CSS 编写的,并且它在计算机上离线,所以我们只有少数人可以访问。现在来解决问题。要添加更多图片或删除图片,您必须编辑 html 文件代码。这对某些人来说真的很难。我需要一种简单的方法来添加更多将显示的图像和文件。

我没有服务器可以使用。我知道在 PHP 中会更容易,并将所有内容存储在服务器上,但没有。因此,如果您有一个解决方案可以在不使用代码的情况下向 html 添加更多图片,也许可以通过一个简单的形式。请告诉我!!

标签: phphtmlcssimage-gallery

解决方案


好吧,使这更容易的最好方法是使用 PHP。

方法一 使用 XAMPP 或 MAMP 作为本地服务器,使用 PHP 和 HTML 构建一个简单的上传表单。

方法二(相同的 PHP) 创建一个包含所有图像的文件夹,然后使用这个简单的脚本调用文件夹中的所有图像。

<?php 
      $dirname = "/image_directory";
      $images = glob($dirname."*.jpg");

      foreach ($images as $image) 
        {
          echo "<img class='img-fluid' src='$image'>";
        }
  ?>

现在从上面的脚本中,“/image_directory”是你的图像文件夹目录,“*.jpg”基本上是调用所有带有“.jpg”扩展名的图像。如果需要,您可以添加更多扩展。因此,您所有的朋友只需将图像直接添加到文件夹中,脚本就会自动添加到您的页面中。

由于 PHP 是一种服务器端语言,您必须安装 XAMPP 或 MAMP 并从 localhost 打开您的 HTML 页面。我希望你明白整个概念。


推荐阅读