javascript - 单击提交按钮时，如何使用javascript清除输入文件预览img标签？

Question

下面的代码片段在函数调用中遇到错误，但在我自己的代码中它运行并且 img 获取 ObjectURL 的 src，例如http://127.0.0.1:5500/8ad5a92b-bf60。

然后，一旦我完成上传文件（代码片段中不存在的代码）我想清除 img 预览，所以我使用 URL.revokeObjectURL() 释放对象 URL，然后我将预览 img src 设置为“” . 哪个确实摆脱了图像，但仅通过 alt =“您的图像”将其替换为不显示的图像图标。

在触发输入的 onchanged 之前，我有什么方法可以将标签实际重置为默认状态吗？

function clearPreview(){
      var preview = document.getElementById("previewImage").src;
      URL.revokeObjectURL(preview);
      document.getElementById("previewImage").src = "";
}

<img id="previewImage" alt="your image" width="100" height="100" />

<input type="file" 
    onchange="document.getElementById('previewImage').src = window.URL.createObjectURL(this.files[0])">
    
 <button type="button" onclick="clearPreview()">SUBMIT</button>

标签： javascripthtml