用于删除图片的Javascript代码

use*_*708 5 html javascript

我想制作这个Javascript代码,当我点击"删除图片"链接时,它会删除图片.请帮我.

<script>
function previewFile(){

   var preview = document.querySelector('img'); 
   var file    = document.querySelector('input[type=file]').files[0];
   var reader  = new FileReader();

   reader.onloadend = function () {
       preview.src = reader.result;
   }
   if (file) {
       reader.readAsDataURL(file); 
   } else {
       preview.src = "";
   }
}

  previewFile();  

</script>

<input type="file" onchange="previewFile()"><br>
<img src="" height="200" alt="Image preview...">
<a href="#">remove image </a>

  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Mah*_*ini 1

<img id='image' src="" height="200" alt="Image preview...">
<a id='remove' href="#">remove image </a>

<script>
$(function rmv() {
    $('#remove').click(function() {
            $('#image').remove();
        }

}); 
</script>
Run Code Online (Sandbox Code Playgroud)