Скрыть значок закрытия на изображении

Вариант использования: пользователь может загрузить новое изображение в качестве изображения профиля. Для этого я использовал плагин fileinput jQuery. Я могу загрузить изображение и путь к базе данных, чтобы отобразить его, где это необходимо.

После загрузки изображения пользователь получает возможность удалить изображение, щелкнув значок закрытия в правом верхнем углу изображения.

После удаления пользователем изображения пользователя отображается изображение по умолчанию. Мне нужно, чтобы значок закрытия не отображался при отображении изображения по умолчанию (пользователь не загрузил ни одного изображения). Значок закрытия должен отображаться только в предварительном просмотре изображения при загрузке и для удаления загруженного изображения. Я надеюсь, что я не путаю. Я использую плагин jinu fileinput для этого.

Вот код файла просмотра.

Вход для файла ввода плагин jQuery.

<div id="kv-avatar-errors-2" class="" style="position:absolute; left:80px;   top:20px;width:800px;display:none"></div>
<div class="kv-avatar" style="width:200px">
<input id="avatar-2"  name="userprofile" type="file" class="file-loading">
</div>

Это сценарий, который я написал.

var img = '<?php echo $user_img ?>';

if(img)
{
var image = '<img src="/'+img+'" alt="Your Avatar"  style="width:100px">';
}
else
{
var image = '<img src="/uploads/profile_pics/default_avatar_male.jpg"  alt="Your Avatar" style="width:100px">';

}
<?php if(isset($editMode) && !empty($editMode)) {?>

fileInput(image);

<?php } ?>
$('.close').click(function() {

var userId = '<?php echo $user_id ?>';
var image_path = '<?php echo $user_img ?>';

jQuery.ajax({
type: "POST",
url: "<?php echo site_url('Users/deleteProfileImage')  ?>",
data: {user_id: userId, dp: image_path},
dataType: 'json',
success: function(response) {
var image = '<img  src="/uploads/profile_pics/default_avatar_male.jpg" alt="Your Avatar"  style="width:100px">';
$(".file-default-preview").html(image);
document.querySelector(".close").style.display="none";

}
});
});
});

function fileInput(image){

$("#avatar-2").fileinput({
overwriteInitial: true,
maxFileSize: 1500,
showClose: true,
showZoom: false,
showCaption: false,
showBrowse: false,
browseOnZoneClick: true,
removeLabel: '',
removeIcon: '<i class="glyphicon glyphicon-remove"></i>',
removeTitle: 'Cancel or reset changes',
elErrorContainer: '#kv-avatar-errors-2',
msgErrorClass: 'alert alert-block alert-danger',
defaultPreviewContent: image + '<h6 class="text-muted">Click to  select</h6>',
layoutTemplates: {main2: '{preview} {browse}'},
allowedFileExtensions: ["jpg", "png", "gif"]
});

}

Класс значка закрытия — .close.

0

Решение

Кажется, что-то не так с:

document.querySelector(".close").style.display="none".

Вы могли бы попробовать

$('.close').hide();

вместо.

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector