jQuery图片显示在第一个IMG标签中

为了进行学校练习，我从老师那里收到了一些用相机拍照的代码。唯一的事情是，当js captureImage 函
数运行时，它将图片保存在HTML代码的第一个IMG标签中。

但是，打算将此图片与js #fotosToevoegID 保
存在DIV中。我尝试使用append属性为图片创建新的div。目前，我找不到代码将图片保存到第一个IMG标签的实际位置。

这是图片应保存在新DIV中的位置

</div>
<div class="locatieInfo marginForNav" id="fotosToevoeg">
</div>

这是用于立即捕获图片的jQuery代码

function captureImage() {
  navigator.mediaDevices.getUserMedia({
      video: true
    })
    .then(function(stream) {
      var mediaStreamTrack = stream.getVideoTracks()[0];
      var imageCapture = new ImageCapture(mediaStreamTrack);
      var img = document.querySelector('img');
      imageCapture.takePhoto()
        .then(blob => {
          img.src = URL.createObjectURL(blob);
          img.onload = () => {
            URL.revokeObjectURL(this.src);
          }
        })
        .catch(error => console.error('takePhoto() error:', error));

      stopStreaming();
    });
}

我希望这里有人可以帮助我！