Skip to main content
4 de 4
etiquetas editadas
gbianchi
  • 20.6k
  • 13
  • 40
  • 60

AJAX ASP NET Objeto con IList<IFormFile>

Hola Amigos quiero mandar un ajax con ciertos datos de usuario y un archivo pdf que quiero guardar dentro de mi app web. Pero no logro pasar los archivos. Siento que en mi modelo podría estar el problema.

modelo:

  public class SolicitudBolsa
{
    public string name { get; set; }
    public string email { get; set; }
    public string subject { get; set; }
    public string message { get; set; }
       

    public IList<IFormFile> files { get; set; }

}

Aquí es donde los quiero recibir, pero mande o no mande archivos pdf files siempre llega vacio.

    [HttpPost]
    public string BolsaDeTrabajoContacto(SolicitudBolsa formdata)
    {


        var fx = formdata.files;


        var email = formdata.email;
        var subject = formdata.subject;
        var name = formdata.name;
        var message = formdata.message;

Mi ajax

    event.preventDefault();
    var name = $('#name_bolsa').val();
    var email = $('#email_bolsa').val();
    var message = $('#message_bolsa').val();
    var subject = $('#subject_bolsa').val();

    var input = document.getElementById("file_bolsa");
    var files = input.files;
  
     //var data = new FormData();
/*
    for (var i = 0; i < files.length; i++) {

        data.append(files[i].name, files[i]);

    }
    */
    var data = {
        name: name,
        email: email,
        message: message,
        subject: subject,
        files :files
    };

  
   // data.files = files;

    console.log(data);

    $.ajax({
        url: "/test/BolsaDeTrabajoContacto",
        type: "POST",
        dataType: "text",
        //processData: false,
        //contentType: false,
        //contentType: "application/json; charset=utf-8",
        data: data,
        success: function (response) {

            //alert('ok'+res);
            //console.log(table);
            //console.log(JSON.stringify(table));
            console.log(response);
            alert(response);
        },

Entonces hasta ahora me manda el siguiente error:

TypeError: 'item' called on an object that does not implement interface FileList.

SI uso processData: false, contentType: false, El error desaparece, pero cuando veo formdata.files llega null

ok todo lo anterior persiste si intento mandarlo por ajax, logré cachar mis datos en el servidor, pero usando un form de razor.

@using (Html.BeginForm("BolsaDeTrabajoContacto", "Test", FormMethod.Post, new { enctype = "multipart/form-data" })) {
<div class="form-row">
  <div class="form-group col-md-6">
    <input type="text" name="name" class="form-control" id="name_bolsa" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" value="x" required />
    <div class="validation"></div>
  </div>
  <div class="form-group col-md-6">
    <input type="email" class="form-control" name="email" id="email_bolsa" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" required value="[email protected]" />
    <div class="validation"></div>
  </div>
</div>
<div class="form-group">
  <input type="text" class="form-control" name="subject" id="subject_bolsa" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" required value="subbbb" />
  <div class="validation"></div>
</div>
<input type="file" id="file_bolsa" name="files" value="" required/>
<div class="form-group">
  <textarea class="form-control" id="message_bolsa" rows="5" data-rule="required" name="message" data-msg="Please write something for us" placeholder="Message" required>jiss</textarea>
  <div class="validation"></div>
</div>
<div class="text-center">
  <button class="btn btn-success" type="submit">Enviar</button>
</div>
}

Este es el mismo formulario que estaba usando para cachar con el ajax.

Alguien sabe a que se podría deber?