首页 > 解决方案 > Vanilla JavaScript 无法使用 set src 添加图像(图像未加载)

问题描述

我搜索用 JS 加载图像,我知道他的路径,我希望动态添加图像的来源。

我在控制台中没有错误,并且在将显示删除后显示图像,但仍然是浏览器图标。

图片来源正在更新中。但不显示。如果我右键单击浏览器图标,然后重新加载图像,它就可以了。

在此处输入图像描述

我的代码:

<div id="result" style="display: none;">
    <img src="" alt="" id="myImage">
</div>

<script>
var path = '/assets/image.png';
var result = document.querySelector('#result');
var image = document.querySelector('img#myImage');
image.src = path;
result.style = 'display: block;';
</script>

标签: javascriptimage

解决方案


推荐阅读