Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: mefis1982 en 20 Noviembre 2016, 16:41 pm



Título: File input Boostrap
Publicado por: mefis1982 en 20 Noviembre 2016, 16:41 pm
Hola buenas chicos,

perdonad si no es el sitio, es mi primer post aquí :silbar:

Primero os pongo mi código:

Cabeceras:
Código:

<link rel="stylesheet" href="<?php echo base_url();?>css/bootstrap min.css">
<link rel="stylesheet" href="<?php echo base_url();?>css/fileinput.css">

<script type="text/javascript" language="javascript" src="<?php echo base_url();?>js/bootstrap.js"></script>
<script type="text/javascript" language="javascript" src="<?php echo base_url();?>js/jquery-ui.js"></script>
<script type="text/javascript" language="javascript" src="<?php echo base_url();?>js/fileinput.js"></script>




<link rel="stylesheet" href="<?php echo base_url();?>css/jquery-ui.css">
<link rel="stylesheet" href="<?php echo base_url();?>css/jquery-ui.theme.css">
<link rel="stylesheet" href="<?php echo base_url();?>css/crear_usuario.css">

<script type="text/javascript" language="javascript" src="<?php echo base_url();?>js/datos_usuario.js"></script>



En el cuerpo del body tengo una etiqueta, que es la que me está amargando:

Código:
	<div class="col-md-8" >
<label class="control-label">Logotipo empresa</label>
  <input id="file" name="file" class="file" type="file" data-show-upload="false">
  </div>



Hay varias cosas que no consigo que haga, a ver si me podéis echar  una mano.

  • Quiero que se me quite la imagen o archivo previsualizada. No se qué atributo es el que realiza esto.
  • Cuando selecciono algún fichero, los botones de upload y borrar, no aparecen....


(https://s15.postimg.org/q8nj2r2pj/file.jpg) (https://postimg.org/image/q8nj2r2pj/)

¿Alguno sabe lo que estoy haciendo mal?


Título: Re: File input Boostrap
Publicado por: eLank0 en 24 Noviembre 2016, 09:27 am
No sé que script usas para realizar el Upload de tus ficheros, pero si es el Boostrap File Input, añade este atributo a tu etiqueta y no previsualizaras thumnails:

Código
  1. data-show-preview="false"

Salu2!