Javascript 如何从占位符和文件输入中删除pic？

大家好！我正在使用HTML、JS和物化css创建自己的网站。我还使用了文件输入（MaterializeCSS）。如果我使用文件输入，一切正常。如果我把图片放在那里，那么图片就会显示在img占位符中。但是现在我尝试实现一个按钮，它删除所有内容（占位符中的pic和文件输入中的文件）。如果我点击X按钮，一切都会像以前一样。我非常感谢您的帮助：）

我想当您设置

$（'#blah'）.attr（'src'，e.target.result）到图像。您需要使用相同的代码，但将
src
设置为空。请尝试下面的代码片段


函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'#blah'）.attr（'src'，e.target.result）；
}
reader.readAsDataURL（input.files[0]）；
}
}
$（“#imgInp”）.change（函数（）{
readURL（this）；
});
函数clearFileInput（）{
$（'#blah'）.attr（'src'，''）；
}

X
auswählen盈利银行
请停止用“我的答案有用吗？”或“检查我的编辑”的评论来烦扰人们。提出问题的人已经被通知您已经发布了答案。@meagar抱歉，如果是唠叨的话。但我只是想确定问这个问题的人是否得到了答案。
              <div class="row">
                <div class="col s2">
                  <img id="blah" src="img/city.jpg" alt="your image" width="100" height="100"/>
                </div>
                <button class="btn red darken-2 z-depth-0" id="RemovePICs" onclick="clearFileInput()" >X</button>
              </div>
              

              <div class="row">
                <div class= "col s10">
                  <form action="#">
                    <div class="file-field input-field">
                      <div class="btn">
                        <span>Profilbild auswählen</span>
                        <input type="file"  id="imgInp" accept="image/x-png,image/jpeg">
                      </div>
                      <div class="file-path-wrapper">
                        <input class="file-path validate" type="text">
                      </div>
                    </div>
                  </form>
                </div>

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

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

function clearFileInput() {
}