Как загрузить несколько изображений с помощью URL-адреса blob: http？

Question

На странице внешнего интерфейса есть несколько изображений, таких как:

<img src="blob:https://test.com/b6146956-6e52-436d-1111-f3f1b81ae461" />
<img src="blob:https://test.com/b6146956-6e52-436d-2222-f3f1b81ae461" />
<img src="blob:https://test.com/b6146956-6e52-436d-3333-f3f1b81ae461" />

Я хочу загрузить три изображения на сервер, используя FormData в ajax.И я нахожу способ получить объект BLOB-объекта:

function getBlobObject(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = 'blob';
    xhr.onload = function (e) {
        if (this.status == 200) {
            var blob = this.response;
            callback(blob);
        }
    };
    xhr.send();
}

Но onload в функции является асинхронным.Поэтому я не могу получить три объекта BLOB-объектов и затем отправить запрос AJAX.

Как это исправить?Благодаря.