アップロードした画像を削除する

Question

画像をアップロードして、次の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); 
}); 

私の男を助けてください！

Answer 1

あなたが使用しているJSコードはあなたの画像をサーバーにアップロードしていません。選択した画像をBASE64に変換して画像タグに表示するだけです。プレビューからその画像を削除したい場合は、同じように画像のSRCタグをリセットします。

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

または

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

そして、入力方式の画像から選択した画像削除するには：

を

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