Question

我正在尝试在表格中显示图像，但图像未加载，当我尝试从浏览器访问它时它工作得很好。这是代码：

 <table class="table table-bordered">
   <thead>
     <tr>
      <th>Name</th>
      <th>Image</th>
      <th>Category</th>
      <th>Action</th>
     </tr>
   </thead>
   <tbody>
     <tr>
      <td style="float: left">Broiled Steak Kebabs With Orange Slush</td>
      <td><img src="/var/www/html/Project-Intelligent/uploads/Broiled Steak Kabobs With Orange Relish.jpg" height="50px" width="50px"></td>
      <td>BarBeCue</td>
      <td><a href="viewreceipe.php?action=delete&id=1" class="btn btn-danger">Delete</a>&nbsp;<a href="viewreceipe.php?action=edit&id=1" class="btn btn-success">Edit</a></td>
     </tr>
   </tbody>

 </table>

我尝试将权限更改为777，但即使这样做也无济于事。

Answer 1

Web服务器上的绝对路径与服务器所服务的目录相关。如果该目录是/ var / www / html，则面向客户端的代码中的所有绝对路径都应该相对于该目录。

实施例：使用绝对路径在服务于/ var / www / html目录之外的服务器上显示/var/www/html/images/image.png：

<img src="/images/image.png">

或者使用相对路径，因为HTML文件位于/ var / www / html：

<img src="images/image.png"> or <img src="./images/image.png">

Answer 2

img src与html文件相关。

根据文件夹结构，我猜测您的页面位于html文件夹中，因此IMG src应为＆＃34; Project-Intelligent / uploads / Broiled Steak Kabobs With Orange Relish.jpg＆＃34;

图像未在浏览器中加载？

2 个答案: