FormData not working in Internet Explorer?

Question

function uploadPhoto(file) { if (!file || !file.type.match(/image.*/)){ if(!file){ postStatus(); } else { return; } } var fd = new FormData(); fd.append("image", file); fd.append("privacy", document.getElementById('privacy-handler').value); var xhr = GetXmlHttpRequest(); xhr.open("POST", "url here"); slideUp('photo-upload'); slideDown('photo-manager-txt'); document.getElementById("photo-manager-txt").innerHTML='<i>Please wait a moment while we process your photo.</i>'; xhr.onload = function() { if(xhr.responseText == '0'){ document.getElementById('photo-manager-txt').innerHTML='<br />Photo upload failed'; slideDown('photo-upload'); return; } else { document.getElementById('photo-txt').value='grab?v=1&file='+xhr.responseText; document.getElementById('photo-manager-txt').innerHTML='Photo uploaded and shared.'; postStatus(); } } xhr.send(fd); } 

This feature does not seem to work. When I call the function that I use:

 onClick="uploadPhoto(document.getElementById('ID-HERE').files[0]);" 

When I remove 0 from files[] , it at least runs postStatus(); but does not upload a photo. How can i fix this?

Answer 1

XHR in IE does not support FormData prior to IE10. You can install the Windows 8 Client Preview to try it.