如何序列化Blob JavaScript

Question

I need to serialize some blobs to send to php. I also want to be able to unserialize it when the php script sends it back. JSON does not stringify the contents of the blob, just metadata like the name, size, etc. How can I do this?

Answer 1

To send multiple Blob s, you can append() them to a FormData instance that you can then .send() with an XMLHttpRequest .

var xhr = new XMLHttpRequest();
var form = new FormData();

form.append('field-name', blob1);
form.append('field-name', blob2, 'filename.ext');

// ...

xhr.send(form);

To receive a Blob , you can set the responseType and get the response .

xhr.responseType = 'blob';
xhr.onload = function () {
    var blob = xhr.response;
};

For more info, have a look at MDN's " Sending and Receiving Binary Data ."

Also note that all of this requires XMLHttpRequest Level 2 .