AJAX FormData（）与encodeURI（）

Question

jQuery uses the encodeURI(), so the data sent through AJAX is like this:

key1=true & key2=34 & ...

To send an image through AJAX, I use the FormData(), so the data from AJAX (without an image) is like:

-----------------------------7e136023611f0
Content-Disposition: form-data; name="key2"

34

Now I have two pure-JS functions for AJAX. The main one uses encodeURI(), and the other one is only for uploading images, using the new FormData().

As I want to have only one AJAX function, my question is - would it be reasonable so switch only to the FormData()? What's the reason for jQuery to use the encodeURI()?

Answer 1

jQuery $.ajax accepts an object as datastring, so you could pass on the url of the image, or also use something like:

data = 'data:image/gif;base64,R0lGODlhAAEwAMQAAJ2M5Me98GRK1D...1rTIIAQA7';

So you can then fetch and reconstruct the image on the other side.