画像アップロードでプレビュー画像をクリアさせたい

Question

.input {
    display: none;
    width: 256px;
    height: 256px;
}

#clear {
  display: none;
}

<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
$(function(){
  $('#upfile_01').change(function(e){
    //ファイルオブジェクトを取得する
    var file = e.target.files[0];
    var reader = new FileReader();

    //画像でない場合は処理終了
    if(file.type.indexOf("image") < 0){
      alert("画像ファイルを指定してください。");
      $("#upfile_01").val(''); //選択したファイルをクリア
      return false;
    }

    //アップロードした画像を設定する
    reader.onload = (function(file){
      return function(e){
        $("#img_file_01").attr("src", e.target.result);
        $("#img_file_01").attr("title", file.name);
      };
    })(file);
    reader.readAsDataURL(file);

  });
});

//クリア
$(function() {
  // アップロードするファイルを選択
  $('input[type=file]').change(function() {
    $('#clear').show();
  });

  // ファイル参照をクリア
  $('#clear').click(function() {
    $("#upfile_01").val(''); //選択したファイルをクリア
    $(this).hide();
  });
});

</script>

<img id="img_file_01" style="width:320px;height:240px;" /><br>
<input type="file" name="img_file_01" id="upfile_01" class="input">
<input type="button" id="clear" value="クリア">

タイトル通りですが、選択したファイルのクリアまではできましたが
プレビュー画像のクリアの仕方が調べてもうまくいきませんでした。
参考までにお力添えをいただけませんでしょうか。

Comments

[m.ts10806]

JavaではなくJavaScriptではないでしょうか。名前が似てるだけの別物です。タグを修正願います

[m.ts10806]

ちなみに「プレビュー画像のクリア」の処理はどのように書いてみましたか？

[m.ts10806]

あとすみません。phpは今回関係ないような？