У меня есть следующий javascript, который создает изображения с холста и загружает их на сервер.
var can = document.createElement('canvas');
can.width = 600;
can.height = 600;
var ctx = can.getContext('2d');
ctx.fillRect(0, 0, can.width, can.height);
ctx.fillText("Julia", can.width/2, can.height/2);
can.toBlob(uploadImage, "image/jpg", 0.9);
function uploadImage(jpeg) {
var data = new FormData();
data.append('image', jpeg, 'image.jpg');
...
}
Каждый так часто результат выглядит как выше, только частично нарисован. Несколько холстов обрабатываются и загружаются последовательно, только движутся в завершении ajax (в... части), поэтому только по одному.
Вы видели, как это произошло? Если да, то где в этом процессе я должен отлаживать дальше? Может быть, настройка или что-то в объекте контекста?
Edit
Загрузка - это пост ajax с обещанием, разрешенным только в ветке успеха. Он фактически использует службу angular $http:
$http({method: 'POST', url: '...', data: data}).then(function(response) {
// callback that processes and uploads the next image
});