title: ArrayBuffer when stringified becomes empty object
body: <p>In my app, i'm uploading a file using FileReader and parsing it as an <code>ArrayBuffer</code>. The file properties are saved in an object, with structure like this:</p>
  
  <pre><code>file: {
      name: 'fileName', // type string
      content: ArrayBuffer // read like  FileReader.readAsArrayBuffer(uploadedFile)
  }
  </code></pre>
  
  <p>When I want to save the file to backend, I'm using axios, and sending a request like this:</p>
  
  <pre><code>axios({
      url: "/api/v3/synchronous/commands",
      method: "POST",
      data: JSON.stringify(file),
      headers,
  })
  </code></pre>
  
  <p>The problem is that when it get's stringifed, <code>content</code> inside file becomes an empty object <code>{}</code>. How to go about this issue, without having to convert <code>ArrayBuffer</code> to something else, and then converting it back to <code>ArrayBuffer</code>?</p>