Definir datos de formulario de varias partes

El proceso de codificación se realiza antes de enviar los datos al servidor, ya que los espacios se convierten en símbolos ( + ) y los caracteres no alfanuméricos o caracteres especiales se convierten en valores hexadecimales ( 0-9, AF ), ya que el conjunto de caracteres ASCII es el formato para envío de datos en Internet. Entonces, el verdadero propósito de la codificación es hacer que los datos estén en un formato estándar para que puedan enviarse por Internet.

Datos de formulario de varias partes: el atributo ENCTYPE de la etiqueta <form> especifica el método de codificación de los datos del formulario. Es una de las dos formas de codificar el formulario HTML. Se utiliza específicamente cuando se requiere la carga de archivos en formato HTML. Envía los datos del formulario al servidor en varias partes debido al gran tamaño del archivo.  

Sintaxis:

<form action="login.php" method="post" 
    enctype="multipart/form-data">
</form>

Enfoque: en este ejemplo, estamos creando un formulario HTML simple (uploading.html) para cargar un archivo de imagen en el servidor. El servidor procesará la solicitud POST del formulario HTML utilizando el archivo uploading.php . El código de carga cargará el archivo en la carpeta «upload-images» y también se mostrará en el navegador.

uploading.htm

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Multipart Form Data</title>
  </head>
  <body>
    <form action="uploading.php" method="POST" 
          enctype="multipart/form-data">
     <h4>Browse your file</h4>
       <input type="file" name="uploadfile" /> <br><br>
       <input type="submit" value="Upload File"/>
   </form>
  </body>
</html>

uploading.php

<?php
error_reporting(0);
$filename = $_FILES["uploadfile"]["name"];
$tempname = $_FILES["uploadfile"]["tmp_name"];
$folder = "upload-images/".$filename;
move_uploaded_file($tempname,$folder);
echo "<img src='$folder' height=100 width=100 />";
?>

Producción:

Publicación traducida automáticamente

Artículo escrito por annieahujaweb2020 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *