pull out the avatar upload krajee preview?

Asked

Viewed 222 times

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

inserir a descrição da imagem aqui

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

  • i’m going to comment here on the link of the site http://plugins.krajee.com/file-avatar-upload-demo

  • This one is for uploading images to profile but it’s exactly for this one I need and has the same zoom button problem

  • has yes try to add an image and then it appears to see the image more detailed

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.