XMLHttpRequestでステータス0が返ってくる（IE11）

前提・実現したいこと

画像のマジックナンバーを取得し、JPGかどうかチェックするメソッドをIE11でも動かしたいです。
XMLHttpRequestの通信に失敗しているように見えます。(status:0)
※Chrome最新、FireFox最新では正常に動きました。

「なぜIEでXMLHttpRequestが上手く動かないのか」の原因を突き止めたいです。

発生している問題・エラーメッセージ

エラーメッセージは出力されません。
console.log(xhr)の結果以下のようになりました。

[object XMLHttpRequest]
   {
      [functions]: ,
      __proto__: { },
      DONE: 4,
      HEADERS_RECEIVED: 2,
      LOADING: 3,
      msCaching: "auto",
      onabort: null,
      onerror: null,
      onload: null,
      onloadend: null,
      onloadstart: null,
      onprogress: null,
      onreadystatechange: null,
      ontimeout: null,
      OPENED: 1,
      readyState: 0,
      response: "",
      responseBody: null,
      responseText: "",
      responseType: "",
      responseXML: null,
      status: 0,
      statusText: "",
      timeout: 0,
      UNSENT: 0,
      upload: { },
      withCredentials: false
   }

該当のソースコード

imgUrlには、"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQA...."のようなデータが入っています。

getImageMineType: function(imgUrl) {
    var xhr = new XMLHttpRequest()
    var jpg_flag = ''
    xhr.open('GET', imgUrl, true)
    xhr.responseType = "arraybuffer"
    xhr.onload = function() {
        if(xhr.readyState === 4) {
            var bytes = new Uint8Array(xhr.response)
        }
        if(bytes[0] === 0xff && bytes[1] === 0xd8 && bytes[bytes.length-2] === 0xff && bytes[bytes.length-1] === 0xd9) {
            jpg_flag = true
        }else {
            jpg_flag = false
        }
    }
    xhr.send()
}

補足情報（FW/ツールのバージョンなど）

Chrome最新、FireFox最新では問題ありませんでした。
IE11で上手く動きません。

◯追記
imgUrlの中身は、Chrome,IE共に差異ありませんでした。

まとめ

consoleでxhrの中を見たところ、onload,responseTypeがnullであったり、
そもそもstatusが0なので、通信に失敗している？のかな…と思っています。
色々と調べてみたのですが、IEでXMLHttpRequestがサポートされていないというわけでもないみたいですし(json以外)
完全に詰まってしまいました。
お手数ですが、どなたかお分かりになる方いらっしゃいましたら、ご教示いただきたいです。
よろしくお願い致します。