Skip to main content
4 de 4
Mejora del titulo
JuankGlezz
  • 5.6k
  • 10
  • 34
  • 59

Enviar archivo por AJAX

Estoy tratando de enviar por ajax un archivo por medio de un input file, pero el PHP me retorna un error.

¿Cómo se pueden enviar archivos tipo "file" por ajax?

EL CÓDIGO HTML

<form id="form" enctype="multipart/form-data">
    <input type="file" name="archivo" id="archivo">
    <p>
    <input type="submit" name="submit">
</form>

EL CÓDIGO AJAX

$(document).ready(function($) {
   //// METODO PARA INSERTAR LOS DATOS //// 
    $("#form").submit(function() {
        event.preventDefault();
     
        var cadena = $(this).serializeArray();
    
        $.ajax({
            url: 'php.php',
            type: 'POST',
            data: cadena
        })      
        .done(function(respuesta) {

            var resultado = $.parseJSON(respuesta);
            console.log(resultado);
        .fail(function() {
            console.log("error");
        });
});
});

EL CÓDIGO PHP

<?php
    $nombre = array($_POST['archivo']);
    echo json_encode($nombre);
?>
JDavid
  • 1.4k
  • 8
  • 29
  • 57