Send file without form, write file in variable

Question

Is it possible to transfer a file without form in a variable and without contentType: false, processData: false in ajax parameters ?

$(div).find('input, textarea').each(function(index, element) {
  //...
    var fileArr = []
    if (type === 'file' && element.files.length) {
       var file = $(element)[0].files[0];

         var fileData = new FormData();

         fileData.append('file', file);

         fileArr.push(fileData);
    }
    //...
}

    $.ajax({
                type: "POST",
                url: "/ajax/sendData",
                success: function (data) {},
                error: function (error) {},
                async: true,
                data: {
                   id: 34,
                   val: 34,
                   files: fileArr
                },
                cache: false,
                contentType: false,  //<-- without
                processData: false, //<-- without
                timeout: 10000
            });

Illegal invocation

You can omit `contentType` and `processData` but you need to check about form. — Himanshu Upadhyay, Sep 15 '17 at 07:37
@Kaiido To in the cyсl when I try to check the inputs of the fillet type is a file and if there is something to assign as it is in a variable and then transfer it to ajax. — Mr.Andrew, Sep 15 '17 at 07:44
Yes. You can do that. Read the file as base64 string, send with ajax post request. https://stackoverflow.com/a/36281449/465560 — Priya, Sep 15 '17 at 08:39
It depends on end users system computing power and updated browser. Yeah it will slow down if its in GB's. — Priya, Sep 16 '17 at 07:11

score 0 · Answer 1 · answered Sep 15 '17 at 07:41

0

This is the correct syntax:

var myFormData = new FormData();
myFormData.append('pictureFile', pictureInput.files[0]);

$.ajax({
  url: 'upload.php',
  type: 'POST',
  processData: false, // important
  contentType: false, // important
  dataType : 'json',
  data: myFormData
});

source: https://stackoverflow.com/a/26690647/7641442

Anyway, as that answer says, you can avoid using an existing form by initializating a FormData() but it is needed to transfer files using ajax ^^

If you want to try a different approach you can try to convert the file to a string and pass it

answered Sep 15 '17 at 07:41

Marco Salerno

5,131
2
12
32

*it is needed to transfer files using ajax* only true through POST requests, you can send files through PUT without a FormData. – Kaiido Sep 15 '17 at 07:49
He's doing a post request – Marco Salerno Sep 15 '17 at 07:50
I didn't said he wasn't. – Kaiido Sep 15 '17 at 07:50
Thank's. But without processData: false, contentType: false. Update questions – Mr.Andrew Sep 15 '17 at 07:57
Andrew, you need it, the only one possible workaround is to convert your file as a really long string – Marco Salerno Sep 15 '17 at 07:58

Send file without form, write file in variable

1 Answers1