How to upload a text content as a file in $.Ajax()?

FormData class is used to create a multipart/form-data inside of JS code. A sample code speaks thousand words:

var formData = new FormData();
 var blob = new Blob([YOUR_CONTENT_HERE], { type: "text/html"});
 formData.append("file", blob);

We have created a binary data from the text which is in the format of text/html, then I have appended the data as an input file with the name of file (which will be captured on server-side).

The Ajax part is utterly simple:

$.ajax({
     type: 'POST',
     url: 'https://www.example.com/storage',
     data: formData,
     processData: false,
     contentType: false
 }).done(function(data) {});

NOTE: DO NOT OMIT processData, contentType parameters.

#javascript #jQuery #ajax #FormData #Blob #upload