Не могу понять как и File Reader удалить выбранное , не могу извлечь массив
function previewFiles() {
var preview = document.querySelector('#preview');
var files = document.querySelector('input[type=file]').files;
function readAndPreview(file) {
// Make sure `file.name` matches our extensions criteria
if (/\.(jpe?g|png|gif)$/i.test(file.name)) {
var reader = new FileReader();
reader.addEventListener("load", function() {
var image = new Image();
image.height = 100;
image.title = file.name;
image.src = this.result;
preview.appendChild(image);
}, false);
reader.readAsDataURL(file);
}
}
if (files) {
[].forEach.call(files, readAndPreview);
}
}
$('#delete').bind("click", function() {
//Проблема тут
$('#preview').hide(); // Удаляем превью
$('#preview').replaceWith($('#photo').clone());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="preview"></div>
<br>
<input type="file" class="photo" id="browse" name="photo" onchange="previewFiles()" multiple/>
<div id="delete">delete</div>