上传后如何在弹出窗口中显示图片？

<!-- 前端页面 -->
<form id="uploadForm">
  <input type="file" id="imageInput" accept="image/*">
  <button type="submit">上传图片</button>
</form>

<script>
  // 监听表单提交事件
  document.getElementById('uploadForm').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止表单默认提交行为

    var fileInput = document.getElementById('imageInput');
    var file = fileInput.files[0]; // 获取选择的图片文件

    var formData = new FormData();
    formData.append('image', file); // 将图片文件添加到FormData对象中

    // 发送图片文件到后端
    fetch('/upload', {
      method: 'POST',
      body: formData
    })
    .then(response => response.json())
    .then(data => {
      var imageUrl = data.imageUrl; // 后端返回的图片URL

      // 在弹出窗口中显示图片
      var popupWindow = window.open('', 'popup', 'width=400,height=400');
      popupWindow.document.write('<img src="' + imageUrl + '">');
    })
    .catch(error => {
      console.error('上传图片失败:', error);
    });
  });
</script>