html5 ajax 图片上传,ajax HTML5上传图片

参考：

http://robertnyman.com/2013/02/11/using-formdata-to-send-forms-with-xhr-as-keyvalue-pairs/

https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects

HTML:

Your email address:

Custom file label:

File to stash:

Javascript:

var form = document.forms.namedItem("fileinfo");

form.addEventListener('submit', function(ev) {

var

oOutput = document.getElementById("output"),

oData = new FormData(document.forms.namedItem("fileinfo"));

oData.append("CustomField", "This is some extra data");

var oReq = new XMLHttpRequest();

oReq.open("POST", "stash.php", true);

oReq.onload = function(oEvent) {

if (oReq.status == 200) {

oOutput.innerHTML = "Uploaded!";

} else {

oOutput.innerHTML = "Error " + oReq.status + " occurred uploading your file.
";

}

};

oReq.send(oData);

ev.preventDefault();

}, false);