Página 1 de 1

Form input submit

Publicado: 26 Abr 2015 16:52
por rafaxplayer
Hola gente , estoy liao con un formulario de html y tengo una duda...

Resulta que el formulario tiene una imagen(<img) contenedor la cual cargo en el src una imagen de varias formas , al final me interesa saber si al hacer submit al formulario por método POST puedo obtener el src de esta imagen o solo pasa los valores de los elementos input.
Bueno esta es mi duda espero haber explicado bien lo que pregunto , os dejo el source del formulario , la imagen es la id # imagerecipe.


<form id="recipeform" class="pure-form container" method="post" enctype="multipart/form-data">
<div class="column_1">
<img id="imagerecipe" src="img/img_placeholder.png" name="img" class="pure-img" />
<input type='file' name="imageUpload" id="imageUpload" style="display:none" value="Load Image" onchange="readURL(this);" />
<Label for="imageUpload" class="pure-button button-secondary" value="Load Image"><i class="fa fa-picture-o"></i>Imagen de la receta</Label>
<Label id="imgurlButton" class="pure-button button-secondary"><i class="fa fa-link"></i>Link de la Imagen</Label>
<input type="url" id="inputimgurl" onblur="readUrlNoFile(this)" style="display: none;width: 80%;margin:1em 0 0 0;" placeholder="Pegar enlace de la imagen" name="imgurl"/>
</div>
<div class="column_2">

<label for="name">Nombre de la receta:</label>
<input type="text" placeholder="Nombre de la receta" name="name" required/>
<label for="category">Selecciona categoria:</label>
<select name="category">
<option value="0">Aperitivos</option>
<option value="1">Ensaladas</option>
<option value="2">Sopas</option>
<option value="3">Pasta</option>
<option value="4">Legumbres</option>
<option value="5">Vegetables</option>
<option value="6">Carnes</option>
<option value="7">Pescados</option>
<option value="8">Postres</option>
<option value="9">Otros</option>
</select>
<label for="time">Tiempo de preparación:</label>
<input type="time" name="time" value="00:00" style="margin-left:2em;display:inline-block"><label style="margin:0;display:inline-block">Horas:Minutos</label>
<label for="ingredientes">Ingredientes:</label>
<textarea name="ingredientes" placeholder="Ingresa los ingredientes de tu receta" cols="30" rows="5"></textarea>
<label for="elaboracion">Elaboración:</label>
<textarea name="elaboracion" placeholder="describe la elaboración de tu receta"cols="30" rows="5"></textarea>
<div><Button id="submit" type="submit" class="button-secondary pure-button"><i class="fa fa-floppy-o"></i>Guardar</Button><Button type="reset" id="resetform" class="pure-button button-secondary" onclick="restoreImage();"><i class="fa fa-undo"></i>Limpiar</Button></div>

</div>
<div class="successmsg"></div>
</form>

Re: Form input submit

Publicado: 26 Abr 2015 21:35
por Pabloko
no, las imagenes no viajan sobre formularios, debes poner un <input type="hidden"...> y pasarle la informacion a la vez que lo haces con la imagen

Re: Form input submit

Publicado: 26 Abr 2015 23:07
por rafaxplayer
Aja que clarisimo ,tanto la explicacion como la solucion,gracias makina.