如何在div中显示通过html输入选择的照片？

<div id="imageContainer"></div>

<input type="file" id="imageInput" accept="image/*">

var imageInput = document.getElementById('imageInput');
var imageContainer = document.getElementById('imageContainer');

imageInput.addEventListener('change', function(e) {
  var file = e.target.files[0];
  var reader = new FileReader();

  reader.onload = function(e) {
    var image = document.createElement('img');
    image.src = e.target.result;
    imageContainer.appendChild(image);
  };

  reader.readAsDataURL(file);
});