Skip to main content
Publicación cerrada como "Duplicada" por fredyfx, Shaz, Rubén, user75901, abulafia
Relanzada por el usuario Comunidad
Mejora del titulo
Origen Enlace
JuankGlezz
  • 5.6k
  • 10
  • 34
  • 59

Enviar input='files'archivo por AJAX

Estoy tratando de enviar por ajaxajax un archivo por medio de un input fileinput file, pero el PHPPHP me retorna un error.

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

EL CODIGOCÓ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);
?>

Gracias.

Enviar input='files' 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 CODIGO 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);
?>

Gracias.

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);
?>
se añadieron 2 caracteres en el cuerpo
Origen Enlace
Juan Pinzón
  • 9.3k
  • 20
  • 54
  • 84

estoyEstoy tratando de enviar por ajax un archivo por medio de un input file, pero el phpPHP me retorna un error...como se pueden enviar archivos tipo "file" por ajax?

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

EL CODIGO HTML

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

 

EL CODIGOCÓ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 CODIGOCÓDIGO PHP

<?php
    $nombre = array($_POST['archivo']);
    echo json_encode($nombre);
?>

GRACIASGracias.

estoy tratando de enviar por ajax un archivo por medio de un input file, pero el php me retorna un error...como se pueden enviar archivos tipo "file" por ajax?

EL CODIGO HTML

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

 

EL CODIGO 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 CODIGO PHP

<?php
    $nombre = array($_POST['archivo']);
    echo json_encode($nombre);
?>

GRACIAS

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 CODIGO 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);
?>

Gracias.

Mejora de la pregunta
Origen Enlace
Rene Limon
  • 4.6k
  • 2
  • 22
  • 34

ENVIAR INPUT='FILES' POR Enviar input='files' por AJAX

estoy tratando de enviar por ajax un archivo por medio de un input file, pero el php me retorna un error...como se pueden enviar archivos tipo "file" por ajax?
  

EL CODIGO HTML
 

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


 

EL CODIGO AJAX
$(document).ready(function($) { //// METODO PARA INSERTAR LOS DATOS ////
$("#form").submit(function() { event.preventDefault();

$(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 CODIGO PHP **
EL CODIGO PHP


 
<?php
    $nombre = array($_POST['archivo']);
    echo json_encode($nombre);
?>

GRACIAS

ENVIAR INPUT='FILES' POR AJAX

estoy tratando de enviar por ajax un archivo por medio de un input file, pero el php me retorna un error...como se pueden enviar archivos tipo "file" por ajax?
 EL CODIGO HTML
 

 


 

EL CODIGO 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 CODIGO PHP **


 

GRACIAS

Enviar input='files' por AJAX

estoy tratando de enviar por ajax un archivo por medio de un input file, pero el php me retorna un error...como se pueden enviar archivos tipo "file" por ajax? 

EL CODIGO HTML

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

EL CODIGO 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 CODIGO PHP

<?php
    $nombre = array($_POST['archivo']);
    echo json_encode($nombre);
?>

GRACIAS

Origen Enlace
JDavid
  • 1.4k
  • 8
  • 29
  • 57
Loading