在 HTML 中加载本地图像，但在作为数据属性传递时不加载

如何解决在 HTML 中加载本地图像，但在作为数据属性传递时不加载

我将路径传递到数据属性中的图像，然后通过 Javascript 将该路径设置为模式中图像的源。

当我尝试通过 HTML 中的相同路径加载图像时，它们加载得很好，但是当我尝试通过在 Javascript 中设置源时，我遇到了“不允许加载本地资源”错误。

这是为什么，我该如何解决？

这是我的代码：

JS：

    var logo = button.data('logo')
    modal.find('.modal-img').attr("src",logo)

HTML：

    <button type="button" class="col-md-12 modal-button" data-toggle="modal"
     data-name="&ltinterstell/Her&gt" 
     data-logo="img/logos/interstellher-logo.png">
       <div style="display:inline-flex; margin-left: -10px">
         <div class="col-md-4  event_bg">
            <img src="img/logos/interstellher.png" alt="" class="img-fluid event_thumbnail">
         </div>
       </div>
    </button>


    <div class="modal-header-info">
      <img src="" alt="" class="modal-img" />
    </div>