Buenas tardes,

Soy muy principiante en el tema y no conozco en profundidad lo que es formdata, lo que pude investigar o entender es que se trataría de un objeto vamos a ponerle que es una "cajita" donde se le puede ir agregando datos/valores de un formulario con append y quitarlos después...

El uso que le estoy dando son miniaturas, es decir cuando el usuario selecciona imágenes se van a mostrar sus pre-visualizaciones, cuando elimina una de estas imágenes se borra dicho dato de la "cajita" que les dije antes... Igual ya deben conocer esto, solamente quería aclarar que uso le estaba dando.

Hasta ahí el sistema funciona de 10, pero no entiendo como puedo pasar esa variable formdata a PHP, digamos que tengo un formulario y después detecto cuando se envíe un determinado formulario. Es decir, lo que se me complica son las validaciones del lado del servidor.

if(isset($_POST['submit_form'])) // al enviar un formulario
{
      $formdata = // ¿Como puedo darle el valor del objeto formdata? Comprendo que la única manera de pasar una variable JS a PHP es por medio de AJAX, aunque no se si desconozco otro método.
      // La idea no es hacerlo con AJAX, sino a secas como si fuera cualquier formulario tradicional.
}
 

Gracias.

- Puedes trabajar directamente con el formulario, aunque esto dependerá de como utilices los elementos de dicho formulario, no sé como estás implementando tus miniaturas, me imagino que estas utilizando uno o varios <input type="file">.

- Siempre puedes depurar tu PHP ya sea con tu IDE y/o utilizando las funciones print_r o var_dump(), en mi ejemplo voy a poner un <input type="file"> multiselector que envíe al php el array de los archivos elegidos y este resultado lo formateo para verlo con más claridad:

<?php
  if ($_POST) {
    echo '<pre>';
    echo htmlspecialchars( print_r($_POST, true) );
    echo '</pre>';
  }
?>
 
<form method="post" action="" id="frm">
  <input type="file" name="img[]" multiple onchange="loadFile()">
  <input type="submit" name="Enviar">
</form>
 
<div id="miniaturas"></div>
 
<script>
  function loadFile() {
    var miniaturas = document.getElementById('miniaturas')
    var imgs = event.target.files
    miniaturas.innerHTML = ""
    for (var i = 0; i < imgs.length; i++) {
      miniaturas.innerHTML += '<img src="' + URL.createObjectURL(imgs[i]) + '">'
    }
  }
</script>

-- En mi caso muestra:

Array
(
    [img] => Array
        (
            [0] => AdobeUpd.png
            [1] => command.gif
            [2] => rar_sfx.gif
            [3] => scr.png
            [4] => win2000_ie6_google.png
        )
 
    [Enviar] => Enviar
)

-- Entonces $_POST['img'] tiene el Array de mis imágenes


- Algo similar si creas tu propio FormData(), en ese caso se puede enviar por medio de Ajax:

ajax.php

<script>
  var formdata = new FormData()
  formdata.append('imagen_1', 'galaxia.jpg')
  formdata.append('imagen_2', 'perrito.jpg')
 
  var ajax = new XMLHttpRequest()
  ajax.open('POST', 'index.php')
  ajax.onreadystatechange = function(){
    if (ajax.readyState === 4) {
      document.write(ajax.response)
    }
  }
  ajax.send(formdata)
</script>

index.php

<?php
  if ($_POST) {
    echo '<pre>';
    echo htmlspecialchars( print_r($_POST, true) );
    echo '</pre>';
  }
?>

-- Resultando:

Array
(
    [imagen_1] => galaxia.jpg
    [imagen_2] => perrito.jpg
)

-- Lo que significa que tengo $_POST['imagen_1'] y $_POST['imagen_2'] con los valores que necesito

- Estás mezclando los tipos de datos a enviar, Ajax requiere un solo Objeto, ¿Porqué no haces un append de tu String dentro del FormData para que se envíe todo en una?