添加HTML而无需编码

问题描述

有关基于html的网站的帮助

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

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

我没有可以使用的服务器。我知道在PHP中将所有内容存储在服务器上会容易得多,但没有。因此,如果您有一种解决方案,可以通过在HTML中添加更多图片而无需在代码中添加图片,则可以采用简单的形式。请让我知道!!

解决方法

好吧,简化此操作的最佳方法是使用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并从本地主机打开HTML页面。我希望您能理解整个概念。

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...