javascript - 删除上传的图片

我可以上传一个图像，并预览它使用以下HTML代码和功能。但在我选择图像并预览后，我不想实际上传图像，我想重置整个表单。
如何才能删除上载的图像？
HTML格式：

 <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="newstatus" runat="server">
    <input type="file" id="imgInp" style="margin-top: 4px;" />
    <img id="status-img" src="#" alt="" width="150" height="150" />
    <input type="submit" name="post" value="Post" class="post-btn" id="submit" />
    </div>
  </form>

Javascript代码：

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#status-img').attr('src', e.target.result);
        }
        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});

帮帮我伙计们！

最佳答案

Subham，您正在使用的JS代码没有将您的图像上载到服务器。它只是将选定的图像转换为BASE64并显示在图像标记上。如果要从预览中删除该图像，只需重置图像的src标记，如下所示：

$('#status-img').attr('src', '');

或

$('#status-img').removeAttr('src');

要从输入类型图像中删除选定的图像，请执行以下操作：

$('#imgInp').val('');

关于javascript - 删除上传的图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40378988/