title: Byte array from backend is converted to something else on front-end
body: <pre><code>[Route("encrypted")]
  [HttpGet]
  public sbyte[] Encrypted()
  {
      var mm = System.IO.File.ReadAllBytes("C:\\test\\" + "fill.txt");
      sbyte[] sbt = new sbyte[mm.Length];
      Buffer.BlockCopy(mm, 0, sbt, 0, mm.Length);
      return sbt;
  }
  </code></pre>
  
  <p>when I hover over with mouse it shows following bytes (which is correct):
  <a href="https://i.stack.imgur.com/hNP2j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hNP2j.png" alt="enter image description here"></a></p>
  
  <p>But when I check on the front-end (javascript). It becomes a different arrayBuffer:</p>
  
  <p><a href="https://i.stack.imgur.com/6URi0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6URi0.png" alt="enter image description here"></a></p>
  
  <p>Here is the front end code:</p>
  
  <pre><code>var xhr = new XMLHttpRequest();
  xhr.open('GET', '/api/encrypted/', true);
  xhr.responseType = 'arraybuffer'; //i have tried without this line too
  xhr.onload = function (e) {
      if (this.status === 200) {
          console.log("received from server--------");
          console.log(e.currentTarget.response);
          console.log("received from server-------");
      }
  };
  
  xhr.send();
  </code></pre>