文件夹中的图像不会显示在 php 页面中

Posted 2023-03-23

【中文标题】文件夹中的图像不会显示在 php 页面中

【英文标题】：images from a folder does not display in php page

【发布时间】：2017-10-11 16:15:18

【问题描述】：

我有一个电子商务网站，管理员可以上传带有图片的内容，图片将上传到文件夹 这里的问题是文件夹中的图像不会显示在页面中。

这是代码（将显示内容及其图像的函数）

function getPro()
global $con;
$get_pro="select * from products order by RAND() LIMIT 0,6";
$run_pro=mysqli_query($con,$get_pro);
while($row_pro=mysqli_fetch_array($run_pro))
    $pro_id=$row_pro['product_id'];
    $pro_cat=$row_pro['product_cat'];
    $pro_brand=$row_pro['product_brand'];
    $pro_title=$row_pro['product_title'];
    $pro_price=$row_pro['product_price'];
    $pro_image=$row_pro['product_image'];

echo " 
<div id='single_product'>
<h3> $pro_title </h3>
<img src='/Applications/XAMPP/xamppfiles/htdocs/ecommerce/admin_area/product_images/$pro_image' width='180' height='180'/>
</div>";

我还尝试了来自网络的图像，但图像不会显示相同的问题。 这就是它显示的内容 not showing

【问题讨论】：

查看src=''的值。它说什么？然后查看您的系统并确保您的文件在那里。此外，您的 Apache 并不了解您的整个文件系统。只有 DocumentRoot 下列出的内容。因此，您可能应该从此路径中完全删除“/Applications/XAMPP/xamppfiles/htdocs/”。

不要使用本地路径。在开发中使用localhost/ecommerce/admin_area/product_images.use localhost tho

不适用于本地主机

图像在确切的文件夹中

这个站点在 Apache 中 DocumentRoot 的值是多少？然后设置相对于 DocumentRoot 的 src='' 值。

【参考方案1】：

首先要注意的是，任何通过单引号的变量都不会被检测到。你应该用它重写变量。 其次，如果图像位于您的代码所在的确切文件夹中，那么您只需将当前的 src 值替换为仅“$pro_image”。

因此你应该重写这段代码：

echo " 
<div id='single_product'>
<h3> $pro_title </h3>
<img src='./" + $pro_image + "' width='180' height='180'/>
</div>";

编辑： 如果图像和 html 文件的位置不同，则应输入图像和 html 文件之间的相对地址。例如，您的图像文件在一个文件夹中，该文件夹在您的 html 文件的父文件夹中，您可以这样写地址：src="../foo/image.jpg" 我使用“../”来定位父文件夹。 请检查我告诉确切 src 地址的最后一条评论。我希望它有用。

【讨论】：

能否请您在您的项目中打开浏览器调试器控制台并告诉我错误？

图片文件的绝对地址和这个html文件的当前位置是什么？

/Applications/XAMPP/xamppfiles/htdocs/ecommerce/admin_area/product_images 图片地址之一

函数地址/Applications/XAMPP/xamppfiles/htdocs/ecommerce/functions

好的，我知道了！您应该像这样更改 src 值： src="../admin_area/p‌​roduct_images/$pro_image" 或在我的代码中像这样 src='../admin_area/p‌​roduct_images/" + $pro_image + "'跨度>