即使它们位于同一文件夹中，我的图像也不会加载到我的模态框中

Question

I want an image inside my modal box. I am using CodeIgniter and the image is located in the same folder as my modal box's page.

This is my modal code

            <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>

And I already have the necessary boostrap headers as well as script headers.

Answer 1

The img.src is pointing at your C drive.

You can use a relative url, say src="webRaffle.png" .