1
I am using the jquery krajee plugin to upload images, however I have a problem. I cannot remove the zoom button from the image after uploading
This is the configuration script code:
<!-- jQuery -->
<script src="<?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>
You can put the link of this template in the plugin, you should see the code, because in the last case we have to use jquery to remove the button
– Miguel
i’m going to comment here on the link of the site http://plugins.krajee.com/file-avatar-upload-demo
– kingwarrior05
This one is for uploading images to profile but it’s exactly for this one I need and has the same zoom button problem
– kingwarrior05
has yes try to add an image and then it appears to see the image more detailed
– kingwarrior05