javascript文件中的图像

我试图用下面的代码从我的计算机中的路径导入一个html格式的图像，但它不起作用。我应该如何编写它

守则：

console.log(show.image)
<div id="photo">
    <img src={show.image}/>
</div>

console.log（show.image）

---

在show.image中，我有图片的完整路径，我正试图将其加载到div中，参数未被解析并作为JS执行

它被解析为一个路径，因此它搜索路径

'{show.image}'

，当然这是错误的

你能做的就是用js编辑源参数，就像

document.getElementById("photo").src = show.image

或者直接创建一个具有良好src参数的元素

编辑：如果img有身份证照片，我的代码可以正常工作，但您可以轻松调整它

编辑2：

这是你应该实现的

在html的页眉中，使用以下行链接script.js文件和页面：

<script src="script.js" defer></script>

---

我应该在哪里写这篇文章？正如我在div中用{}和photo id写的一样，但它不起作用，错误是无法设置null的属性'src'。我编辑了我的帖子，我自己用类似于``的东西解决了它```

<div id="imageContainer">
    <img src="" id="image" alt="image description"\>
</div>

document.getElementById("image").src = show.image