使用XHR for IE7，IE 8 IE9上传Ajax文件

Question

我想要一个文件上传选项，其中包含百分比进度条，即从7开始。嗨已经通过许多网站搜索解决方案，并发现 https://gist.github.com/rozmiarek/2502983使用ajaxfileupload.js， 是我的用途，但当我尝试整合到我的页面时，它不起作用。可以为同一个人或者一个人分享JS小提琴。

........................

// grab your file object from a file input
$('#fileInput').change(function () {
sendFile(this.files[0]);
});

// can also be from a drag-from-desktop drop
$('dropZone')[0].ondrop = function (e) {
e.preventDefault();
sendFile(e.dataTransfer.files[0]);
};

function sendFile(file) {
$.ajax({
type: 'post',
url: '/targeturl?name=' + file.fileName,
data: file,
success: function () {
// do something
},
xhrFields: {
// add listener to XMLHTTPRequest object directly for progress (jquery doesn't have this yet)
onprogress: function (progress) {
// calculate upload progress
var percentage = Math.floor((progress.total / progress.totalSize) * 100);
// log upload progress to console
console.log('progress', percentage);
if (percentage === 100) {
console.log('DONE!');
}
}
},
processData: false,
contentType: file.type
});
}