I'm using the jquery krajee plugin to upload images, however I have a problem. I can not remove the zoom button from the image after uploading
Thisistheconfigurationscriptcode:
<!--jQuery--><scriptsrc="<?php echo base_url();?>assets/js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="<?php echo base_url();?>assets/js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- the main fileinput plugin file -->
<script src="<?php echo base_url();?>assets/js/fileinput.min.js"></script>
<script src="<?php echo base_url();?>assets/js/theme.js"></script>
<!-- the fileinput plugin initialization -->
<script>
var btnCust = '<button type="submit" class="btn btn-default" title="Upload">' +
'<i class="glyphicon glyphicon-upload"></i>'+
'</button>';
$("#avatar-1").fileinput({
browseOnZoneClick: true,
overwriteInitial: true,
maxFileSize: 1500,
showClose: false,
showCaption: false,
showBrowse: false,
removeLabel: '',
removeIcon: '<i class="glyphicon glyphicon-remove"></i>',
removeTitle: 'Cancel or reset changes',
elErrorContainer: '#kv-avatar-errors-1',
msgErrorClass: 'alert alert-block alert-danger',
defaultPreviewContent: '<img src="<?php echo base_url(); ?><?php echo $_SESSION['Utilizador']['Imagem'] ?>" alt="Imagem de perfil" style="width:160px"><h6 class="text-muted">Clique para selecionar</h6>',
layoutTemplates: {main2: '{preview} ' + btnCust + ' {remove} {browse}'},
allowedFileExtensions: ["jpg", "png", "gif"]
});
</script>