Получить responseXML когда responseType === 'arraybuffer' после загрузки

Question

Я использую этот код для получения данных изображений, и он работает.

        function imageLoadFunction (image, src) {
        var img = image.getImage();
        if (typeof window.btoa == 'function') {
            var xhr = new XMLHttpRequest();
            xhr.open('GET', 'https://cors-anywhere.herokuapp.com/' + src, true);
            xhr.setRequestHeader("Access-Control-Allow-Headers", "origin,x-requested-with");
            xhr.responseType = 'arraybuffer'; // SHOULD BE 'arraybuffer'
            xhr.onload = function(e) {
               if (this.status == 200) {
                   var uInt8Array = new Uint8Array(this.response);
                   var i = uInt8Array.length;
                   var binaryString = new Array(i);
                   while (i--) {
                       binaryString[i] = String.fromCharCode(uInt8Array[i]);
                   }
                   var data = binaryString.join('');
                   var type = xhr.getResponseHeader('content-type');
                   if (type.indexOf('image') === 0) {
                       img.src = 'data:' + type + ';base64,' + window.btoa(data);
                   }
               }
            };
            xhr.send();
        }
    };

Я хотел бы отловить исключения с сервера (WMS) при возникновении ошибок, и для этого мне нужно использовать responseXML, Однако, похоже, есть две проблемы:

1. responseType является 'arraybuffer и поэтому responseXML говорит, что это должно быть '' or 'document'
2. Если я попытаюсь изменить responseType Я получаю ошибку, которую не могу получить, если запрос LOADED or DONE,

Есть ли способ, которым я все еще могу использовать responseType === 'arraybuffer' а также responseXML все вместе?

По сути, мне нужно реализовать код следующим образом (только соответствующая часть):

if (type.indexOf('image') === 0) {
   img.src = 'data:' + type + ';base64,' + window.btoa(data);
} else {
   xmlDoc = xhr.responseXML;
   txt = "";
   x = xmlDoc.getElementsByTagName("ServiceException");
   for (i = 0; i < x.length; i++) {
       txt += x[i].childNodes[0].nodeValue + "<br>";
   }
   console.error(txt);
}

РЕДАКТИРОВАТЬ

Итак, трюк должен был использовать String.fromCharCode()

if (type.indexOf('image') === 0) {
   img.src = 'data:' + type + ';base64,' + window.btoa(data);
} else {
   var txt = String.fromCharCode.apply(null, uInt8Array);
   console.error(txt);
}

Я знаю, что это еще не XML, но теперь гораздо проще обрабатывать исключения.

Answer 1

Способ лечения responseType === 'arraybuffer' в виде XML, который я нашел, чтобы сделать его первым в виде строки с String.fromCharCode.apply(null, myArray); и затем используйте XML DOMParser для этой строки.

xhr.responseType = 'arraybuffer';
var text = String.fromCharCode.apply(null, uInt8Array);
var xmlParser = new DOMParser();
var asXML = xmlParser.parseFromString(exceptionAsText,"text/xml");
// do something with response 'asXML'

Хорошее вдохновение от:

1. https://developers.google.com/web/updates/2012/06/How-to-convert-ArrayBuffer-to-and-from-String
2. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/fromCharCode

Надеюсь, что это поможет.