想要实现上传图片后可以预览图片

您可以使用HTML5中的File API，实现上传图片并预览。具体步骤如下：

1. 在HTML中添加一个input元素，type为file，用于选择文件：

<input type="file" id="fileInput">

2. 使用JavaScript获取文件并预览：

const fileInput = document.querySelector('#fileInput');

fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];
  const reader = new FileReader();
  reader.readAsDataURL(file);
  reader.onload = (event) => {
    const imageUrl = event.target.result;
    const imageElement = document.createElement('img');
    imageElement.src = imageUrl;
    document.body.appendChild(imageElement);
  }
});

这样，当用户选择文件后，会将文件转换为base64编码的字符串，然后创建一个img元素，并将其src设置为base64编码的字符串，从而实现了预览图片的功能。