Запись файла в чанках с использованием Ajax и FileReader

Я работаю над созданием загрузчика файлов, где содержимое будет записываться на удаленный сервер порциями с использованием стороннего API. API обеспечивает WriteFileChunk() метод, который принимает 3 параметра, путь к целевому файлу, начальную позицию (Int64) и данные (строку) байтов.

Каждый раз, когда FileReader получает порцию максимального поддерживаемого размера (16 КБ), мне нужно использовать Ajax, чтобы передать это в файл PHP и записать его с помощью API. Я подозреваю, что это должно быть сделано в onprogress Событие FileReader, однако я в некоторой растерянности, учитывая, что я не могу найти подобные примеры.

Как лучше всего реализовать это с помощью FileReader, обеспечив загрузку каждого чанка перед записью следующего? Если onprogress лучший выбор, как я могу получить текущие данные чанка?

$(document).ready(function()
{
function uploadFile()
{
var files = document.getElementById('file').files;

if (!files.length)
{
alert('Please select a file!');
return;
}

var file = files[0];
var first_byte = 0;
var last_byte = file.size - 1;

// File Reader
var reader = new FileReader();
reader.onerror = function(evt)
{
switch(evt.target.error.code)
{
case evt.target.error.NOT_FOUND_ERR:
alert('File Not Found!');
break;
case evt.target.error.NOT_READABLE_ERR:
alert('File is not readable');
break;
case evt.target.error.ABORT_ERR:
break;
default:
alert('An error occurred reading this file.');
};
};
reader.onprogress = function(evt)
{
if (evt.lengthComputable)
{
var percentLoaded = Math.round((evt.loaded / evt.total) * 100);
console.log(percentLoaded + "%");

if (percentLoaded < 100)
{
$("#upload_progress").progressbar('value', percentLoaded);
}
}
};
reader.onabort = function(evt)
{
alert('File Upload Cancelled');
};
reader.onloadstart = function(evt)
{
$("#upload_progress").progressbar({
value: 0,
max: 100
});
};
reader.onload = function(evt)
{
$("#upload_progress").progressbar('value', 100);
};
reader.onloadend = function(evt)
{
if (evt.target.readyState == FileReader.DONE) // DONE == 2
{
alert("Upload Complete!");
//console.log(evt.target.result);
}
};

var blob = file.slice(first_byte, last_byte + 1);
reader.readAsBinaryString(blob);
}

fileupload_dialog = $( "#dialog-fileupload" ).dialog(
{
autoOpen: false,
height: 175,
width: 350,
modal: true,
buttons:
{
"Upload File": uploadFile
},
close: function()
{
form[ 0 ].reset();
}
});

form = fileupload_dialog.find( "form" ).on( "submit", function( event )
{
event.preventDefault();
uploadFile();
});

$("#file_upload a").click(function()
{
event.preventDefault();
fileupload_dialog.dialog( "open" );
});
});