Javascript JS中的FormData图像上传

我可以使用以下表单将图像成功上载到服务器：

<form id="upload_form" action="/upload" enctype="multipart/form-data" method="post">
  <input name="image_url" type="file">
  <input id='submit' type="submit" value="Upload">
</form>

当用户单击“提交”按钮时，将调用以下命令：

var formData = new FormData();
formData.append('bts_spriteSheet', bts_spritesheet);

var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);

xhr.onload = function(e) {
  return console.log('yay its done');
};
xhr.send(formData);

我的html只是：

 <input id="upload_spritesheet" type="file">

我没有包括或谈论我在服务器端做的事情，因为正如我所说的，使用上面常见的html5表单上传文件效果很好，所以我知道它一定是我的JS代码

---

有人知道为什么JS代码会产生500 servor错误，而html表单版本工作正常吗？

比较两个工作流的请求主体。Firefox中的实时HTTP头将被证明是有用的

 <input id="upload_spritesheet" type="file">