php - 无需编码即可添加 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 并从 localhost 打开您的 HTML 页面。我希望你明白整个概念。
推荐阅读
- javascript - RangeError:我的第一个谷歌脚本函数超出了最大调用堆栈大小
- python - pd.merge 不提供任何输出并且 jupyter 挂起
- php - 在 Laravel 中,artisan config:cache 是否实际上缓存了 cache.php 设置中指定的配置?
- java - Android Studio:如何使用 putExtra
- javascript - 在 React.js 中使用带有 useState 的 Context API,有什么缺点吗?
- data-structures - 在 Prolog 中创建队列结构
- ios - 使用 UIHostingController 和 SwiftUI 的模态视图
- vue.js - 正确实现 Vue 多选时出错
- r - 两个字符串之间或字符串结尾的 R 正则表达式
- python - 二维矩阵,第二对角线。列表索引超出范围python