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

为了学校练习,我收到了老师发来的用相机拍照的代码。唯一的问题是当 captureImage 函数正在运行,它将图片保存在HTML代码的第一个IMG标记中。

但是,它的目的是将此图片保存在DIV中 #fotosToevoeg 我试着用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();
    });
}

我希望这里有人能帮我解决这个问题!