如何使用输入文件API - vanilla Javascript在CSS背景URL属性中显示上传的图像

<input type="file" id="uploadInput">
<div id="imagePreview"></div>

const uploadInput = document.getElementById('uploadInput');
const imagePreview = document.getElementById('imagePreview');

uploadInput.addEventListener('change', function() {
  // 处理文件选择事件
});

uploadInput.addEventListener('change', function() {
  const file = uploadInput.files[0];
  const reader = new FileReader();

  reader.onload = function(e) {
    const imageUrl = e.target.result;
    imagePreview.style.backgroundImage = `url(${imageUrl})`;
  };

  reader.readAsDataURL(file);
});