Vanilla JavaScript无法添加设置了src的图片（图片未加载）

Question

我搜索用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>