0

Tengo un formulario con un textarea y un fileinput

$(document).on('ready', function() {
    $("#nom-foto").fileinput({
        uploadUrl: 'grabafoto.php',
        dropZoneEnabled: false, 
        previewFileType: "image",
        allowedFileExtensions: ["jpg", "gif", "png"] ,        
        browseClass: "btn btn-success",
        browseLabel: "Selecciona",
        browseTitle: "Selecciona la foto",
        browseIcon: "<i class=\"glyphicon glyphicon-picture\"></i> ",
        removeClass: "btn btn-danger",
        removeLabel: "Borrar",
        removeTitle: "Anula foto seleccionada",        
        removeIcon: "<i class=\"glyphicon glyphicon-trash\"></i> ",
        uploadClass: "btn btn-info",
        uploadLabel: "Grabar",
        uploadTitle: "Graba la foto seleccionada",        
        uploadIcon: "<i class=\"glyphicon glyphicon-upload\"></i> ",
        previewClass: "bg-warning",
        initialCaption: "Selecciona la foto",
    });
});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.5/css/fileinput.min.css" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.5/js/plugins/canvas-to-blob.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.5/js/plugins/sortable.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.5/js/plugins/purify.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.5/js/fileinput.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.5/themes/gly/theme.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.5/js/locales/es.js"></script>

<div class="container">
<form name="modifart" action="" method="post">
<div class='col-xs-12 col-sm-6 col-md-6'>
               	<h3><span class='label label-info'>DATOS NUEVOS</span></h3>
				<div class='well well-sm'>
					<div class='row'>
						<div class='col-sm-12 col-md-12'>
                            <textarea name='obsart' class='form-control' rows='6'></textarea>
                        </div>
                    </div>
                    <div class='row'>
						<div class='col-sm-12 col-md-12'>
							<h4 align='center'><span class='label label-primary'>ADJUNTAR FOTO</span></h4>
							<input id='nom-foto' name='nom-foto' type='file' accept='image/*' class='file-loading' >
						</div>
					</div>
				</div>
        	</div>
  
<div align="center"><input type="submit" class="btn btn-danger" name="send_modif" value="Notificar CAMBIOS" formaction="grabar_modificaciones.php"></div>
</form>
  </div>

Si selecciono la foto y la subo al servidor con el boton "GRABAR", la sube perfectamente, pero si después hago clic en el botón "NOTIFICAR CAMBIOS" el valor pasa vacío y no encuentro el fallo.

¿cómo puedo pasar el nombre de la foto seleccionada con el botón submit del formulario (método POST)?

1 respuesta 1

1

Si vas a subir la imagen al servidor a un archivo php, por medio de un submit, hace falta que en el formulario coloques el enctype.

enctype="multipart/form-data"

Con eso debería funcionar

1
  • Gracias por el aporte. Me ha ayudado. Un saludo.
    – osbragon
    el 26 oct. 2016 a las 13:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.