Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Chuckyldo en 20 de Febrero 2017, 02:45

Título: Formulario html que permita el envío de un archivo de imagen jpg ó png CU00728B
Publicado por: Chuckyldo en 20 de Febrero 2017, 02:45
Hola amigos, he terminado el ejercicio CU00728B del tutorial de programación en HTML en el cuál me pedían esto:

Citar
Modifica el formulario HTML con el que hemos trabajado para incluir un campo fotografía que permita el envío de un archivo de imagen como parte del formulario.

Y bueno, el código que escribí es este:

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portal básico - aprenderaprogramar.com</title>
</head>
<body>
<div id="page">
<div id="header">
Portal (Tutorial básico del programador web: HTML desde cero) - aprenderaprogramar.com
</div>
<!-- contenedor -->
<br />
<br />
<br />
<div id="wrapper">
<!-- menu -->
<div id="menu">
<div>Menú</div>
<hr style="color:red; background-color:red; width:50%;" />
<ul>
<li><a href="#">Portada</a></li>
<li>
<a href="https://www.aprenderaprogramar.com">aprenderaprogramar.com</a>
</li>
</ul>
</div>
<!-- fin menu -->
<!-- cuerpo -->
<div id="body">
<form method="post" action="accion.html" enctype="multipart/form-data">
Nombre: <input type="text" name="nombre" /><br />
Apellidos: <input type="text" name="apellidos" /><br />
Dirección: <input type="text" name="direccion" /><br />
Correo electrónico: <input type="text" name="correo" /><br />
Teléfono: <input type="text" name="telefono" /><br />
Fotografía: <input type="file" name="fotografia" /><br />
</form>
</div>
<!-- fin cuerpo -->
</div>
<!-- fin contenedor -->
<br /> <br /> <br />
<div id="footer">
Copyright 2006-2012 aprenderaprogramar.com
</div>
</div>
</body>
</html>

No sé cómo estará, espero que esté bien y ojalá me ayuden. Además me pidieron responder unas preguntas, son estas:

Citar
1) ¿Qué atributo ha de especificarse para el form para poder enviar archivos?
2) ¿Qué valor ha de darse a dicho atributo?
3) ¿Qué método de envío hay que especificar para el form si se envían archivos?

Respuestas:

1) El atributo que debe especificarse en el form es el atributo enctype.
2) El valor que debe darse al atributo enctype para poder enviar archivos es "multipart/form-data", aunque si no lo agregamos, el navegador lo agrega por defecto.
3) Para poder enviar archivos en un formulario hay que usar el método post.

Muchas gracias de antemano.
Título: Re:Formulario html. (CU00728B)
Publicado por: pedro,, en 05 de Marzo 2017, 11:35
Buenas Chuckyldo.

Todo bien.

Saludos. ;D