title: XMLHttpRequest Status of 404 With Blob URL
body: <p>I'm trying to upload a blob URL generated by getUserMedia to the server.
  <a href="https://stackoverflow.com/questions/14976460/html5-video-recording-and-upload">Someone else wanted to do the same thing</a>, and that question has been answered.</p>
  
  <p>I am using the same code for the XHR request as the person who answered that question, but I'm getting a 404. <a href="http://jsfiddle.net/auoyjhzv/4/" rel="nofollow noreferrer">I made a fiddle</a>, and the same thing happens when you look at the console. I have a <a href="http://html5.rickyyoder.x10.mx/lab/videoRecording/" rel="nofollow noreferrer">live example on my site as well</a>, and the same thing happens.</p>
  
  <p>Here is the piece of code that needs some TLC:</p>
  
  <pre><code>function XHR(){
  var xhr = new XMLHttpRequest();
  xhr.open('GET',record.src); //404 ???
  xhr.responseType = 'blob';
  xhr.onload = function(e) {
      if (this.status == 200){
          //do some stuff
          result.innerText = this.response;
      }
  };
  xhr.send();
  }
  </code></pre>
  
  <p>Everybody else seems to be able to do this, because this has been discussed before.</p>
  
  <p><a href="https://stackoverflow.com/questions/11876175/how-to-get-a-file-or-blob-from-an-object-url">Exhibit A</a></p>
  
  <p><a href="https://stackoverflow.com/questions/14952052/convert-blob-url-to-normal-url">Exhibit B</a></p>
  
  <p>I'm using ChromeOS, 41.0.2252.2 dev. What exactly is going on, and why can't I get the blob? </p>