首页 > 解决方案 > Bootstrap 4 Modal 上缺少图像

问题描述

我的成功图像未显示在 Bootstrap 4 Modal 上。如何修复它?我检查了源文件夹是否正确。

有没有其他方法可以在 Modal 上显示图像?

我尝试了以下方法但不起作用,清除缓存和硬重新加载页面。

1)<img src="../images/content_success.png">

2)<img src="./images/content_success.png">

3)<img src="/images/content_success.png">

在此处输入图像描述

控制台日志

GET http://localhost/daffodil-ui/images/content_success.png 404 (Not Found)

HTML

<div class="modal fade" id="success-upload" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body text-center font-18">
                <h3 class="mb-20">File Uploaded!</h3>
                <div class="mb-30 text-center"><img src="/images/content_success.png"></div>
            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Done</button>
            </div>
        </div>
    </div>
</div>

标签: bootstrap-modal

解决方案


推荐阅读