$(document).on('click', '.close-preview', function () {
var parent = $(this).parents('.image-preview');
parent.find('.popover ').removeClass('in');
});
$(document).on('click', '.image-preview-filename', function () {
var parent = $(this).parents('.image-preview');
parent.find('.popover ').addClass('in');
});
$(function () {
$('.image-preview-clear').click(function () {
var parent = $(this).parents('.image-preview');
parent.find('.image-preview-filename').val("");
parent.find('.image-preview-clear').hide();
parent.find('.image-preview-input input:file').val("");
parent.find(".image-preview-input-title").text(" Browse");
});
$(".image-preview-input input:file").change(function () {
var parent = $(this).parents('.image-preview');
var img = parent.find('.popover-content img');
var file = this.files[0];
var reader = new FileReader();
reader.onload = function (e) {
parent.find(".image-preview-input-title").text("Change");
parent.find(".image-preview-clear").show();
parent.find(".image-preview-filename").val(file.name);
img.attr('src', e.target.result);
}
reader.readAsDataURL(file);