Cancel Uploads

5

I'm trying to upload imagens files, but when I'm clicking on X of Photo Preview, it's only closing Preview, but it's still selected. How can I do when I click on x , also that list image is taken?

My JS code just below.

    <script>
 window.onload = function(){

    //Check File API support
    if(window.File && window.FileList && window.FileReader)
    {
        var filesInput = document.getElementById("files");

        filesInput.addEventListener("change", function(event){

            var files = event.target.files; //FileList object
            var output = document.getElementById("result");

            for(var i = 0; i< files.length; i++)
            {
                var file = files[i];

                //Only pics
                if(!file.type.match('image'))
                  continue;

                var picReader = new FileReader();

                picReader.addEventListener("load",function(event){

                    var picFile = event.target;

                    var div = document.createElement("div");

                    div.innerHTML = "<img class='thumbnail' src='" + picFile.result + "'" +
                            "title='" + picFile.name + "'/> <a href='#' class='remove_pict del'><i class=\"icon-remove\"></i></a>";

                    output.insertBefore(div,null);   
                    div.children[1].addEventListener("click", function(event){
                       div.parentNode.removeChild(div);
                    });         

                });

                 //Read the image
                picReader.readAsDataURL(file);
            }                               

        });
    }
    else
    {
        console.log("Your browser does not support File API");
    }
}
</script>
    
asked by anonymous 25.06.2015 / 21:27

1 answer

2

Try the excerpt from the event where you remove the image:

div.children[1].addEventListener("click", function(event){
    div.parentNode.removeChild(div);
    filesInput.value = '';
});
    
15.07.2015 / 19:27