El problema que tengo es que puedo visualizar la imagen pero al momento de hacer click a remover se elimina todo el div (<div id="preview"></div>)
Le dejo mi codigo para lo revisen ya que no me permite visualizar otras imagenes, gracias
function readURL(input) {
for(var i =0; i< input.files.length; i++){
if (input.files[i]) {
var reader = new FileReader();
reader.onload = function (e) {
var img = $('<img id="dynamic">');
img.attr('src', e.target.result);
img.attr('width','100');
img.appendTo('#preview');
img.after('<a href="#" class="del">remove</a>');
}
reader.readAsDataURL(input.files[i]);
}
}
}
$("#imgUpload").change(function(){
readURL(this);
});
$('#preview').on('click', '.del', function() {
$(this).parent().remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<form id="form1" runat="server">
<input type="file" id="imgUpload" multiple/>
</form>
<div id="preview"></div>