FORMDATA图片上传

我可以成功地通过使用以下格式，上传图片到服务器：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>

我试图做同样的事情上面一样，但编程使用HTML5 FORMDATA（）目的。

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">

我不包括或谈论什么

var bts_spritesheet; 

handleSpritesheetSelection = function(evt) { 
    var f, files, reader; 
    files = evt.target.files; 
    f = files[0]; 
    reader = new FileReader(); 
    reader.onload = (function(theFile) { 
    function(e) { 
     bts_spritesheet = e.target.result; 
    }; 
    })(f); 
    return reader.readAsDataURL(f); 
}; 
document.getElementById('upload_spritesheet').addEventListener('change', handleSpritesheetSelection, false);

以下时，在提交按钮，用户点击被称为我在做服务器端，因为，正如我所说的，使用上面通常的html5表单上传文件工作正常，所以我知道它一定是我的JS代码。

任何人都可以看到为什么JS代码产生500 servor错误，但HTML格式版本工作正常吗？

来源

2013-02-16 Jamie Fearon

比较两个工作流程的请求正文。 Firefox中的Live HTTP Headers将证明有用。

来源

2013-06-07 18:05:41

FORMDATA图片上传

回答

相关问题