Multifunctional File Reader

It would be nice if there was a way to delete a file inserted accidentially.

Hello Frankie,

It is not very easy because the call back function can include anything.
It is advisable to change the callback function.

For example:

function pickImage(result) {
var div = document.createElement('div');
var str = '<div class="col-sm-6 col-md-4">';
str += ' <div class="thumbnail">';
str += ' <span class="glyphicon glyphicon-remove" style="color:white;top:5px;right:20px;position:absolute;background-color:red;padding:5px;border-radius:50%;"></span>';
str += ' <img src="' + result.data + '" alt="...">';
str += ' <div class="caption">';
str += ' <h4>' + result.name + '</h4>';
str += ' <p>size: ' + (result.size / 1000).toString() + ' kilobyte</p>';
str += ' </div>';
str += ' </div>';
str += '</div>';
div.innerHTML = str;
div.children[0].querySelector('.glyphicon-remove').addEventListener('click', function(e){
e.stopPropagation();
e.preventDefault();
var r = confirm("Are you sure ?");
var el = e.target.parentElement.parentElement;
if (r == true) {
el && el.parentNode && el.parentNode.removeChild(el);
}
});
result.target.appendChild(div.children[0]);
}

You can Try on my demo page.