how can I Send File via jQuery?

Question

I want send a file via JQuery

I create a form like this:

<form id="form">
<input type="text">
<input type="file">
</form>

and I use this Jquery code to send data.

    var datastring = $("#form").serialize();

    $.ajax({
        type: "POST",
        url: "function/formRegister",
        data: datastring,
        async: true,
        dataType: 'json',
        success: function(data)
        {
        }

I can send input.text value to server But I can not send input.file

I know I must FormData. how can I use it?

try this https://stackoverflow.com/a/5976031/8303694 – Jesus Carrasco Aug 04 '17 at 23:18 — Jesus Carrasco, Aug 04 '17 at 23:18
please try searching before asking – charlietfl Aug 04 '17 at 23:22 — charlietfl, Aug 04 '17 at 23:22

score 0 · Accepted Answer · answered Aug 04 '17 at 23:23

0

Instead of serialize try FormData

var datastring = new FormData($("#form")[0]);

Add this in your ajax to tell dont worry about content & dont process data

cache: false,
contentType: false,
processData: false

answered Aug 04 '17 at 23:23

Omi

3,954
5
21
41

how can I Send File via jQuery?

1 Answers1