即使它们在同一个文件夹中，我的图像也没有加载到我的模态框中答案

【问题标题】：My Image is not loading in my Modal box even though they are in the same folder即使它们在同一个文件夹中，我的图像也没有加载到我的模态框中
【发布时间】：2019-07-11 02:04:04
【问题描述】：

我想在我的模态框中放一张图片。我正在使用 CodeIgniter，并且图像与我的模态框页面位于同一文件夹中。

这是我的模态代码

            <div class="modal fade" id="modalWin" tabindex="-1" data-backdrop="false">
              <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="winnerDraw">Drawing Winner</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">
                    <img src="C:\xampp\htdocs\raffle1\application\views\webRaffle.png" height="200px" width="450px">
                    <p>{winner name}</p>

                  </div>
                </div>
              </div>
            </div>

而且我已经有了必要的 boostrap 标头和脚本标头。

【问题讨论】：

标签： javascript php html image bootstrap-modal

【解决方案1】：

img.src 指向你的 C 盘。

您可以使用相对网址，例如src="webRaffle.png"。

【讨论】：

您是否在browser devtool 的“网络”选项卡中看到任何错误？如果有获取 webRaffle.png 的请求但失败（例如状态 404），则您的服务器未提供图像。如果没有请求，请检查“元素”选项卡并查看 img 标签是否存在。为了安全起见，清除缓存并选中“网络”选项卡下的“禁用缓存”。
我的服务器似乎没有为我的图像提供服务。我已经清除了缓存并禁用了缓存。我的 img 标签存在于元素选项卡中。有什么建议我可以解决这个问题吗？
我会尝试将图像放入 htdocs/raffle1/public 文件夹并将图像 URL 更改为 src="/public/webRaffle.png"（并尝试一些其他路径，看看有什么用）。没有您的服务器配置，就无法弄清楚。我还建议从头开始学习您的服务器是如何工作的。