HTML5 multiimage resize via filereader+canvas

Задание закрыто
Стоимость:Договорная
Срок выполнения:1 день
Варианты оплаты:Без предоплаты
Дата публикации:2013-02-14 15:33
Был(а) на сайте:2019-03-26 21:55

HTML5 multiimage resize via filereader+canvas

 
Задача

Нужен специалист которых хорошо знает javascript и у кого уже есть опыт решения подобных задач.

1. у нас есть muli upload input в ктором выберают несколько изображений
2. FilesListResize(this.files);

function FilesListResize(files){

$.each(files, function(i, file){

reader = new FileReader();

reader.onload = function (e) {

var img = new Image();
img.onload = function(){
/* HTML5 CANVAS RESIZE CODE */
/* SEND VIA AJAX */
}
img.src = reader.result;

}

reader.readAsDataURL(file);
}
}

3. Проблема:
img.onload = function(){ } выполняется только один раз внезависимости от того сколько было изображений, нужно сделать что б каждый файл в цикле ресайзился через canvas и оправлялся через ajax, вариант наподобии сделать буфер в который скидывать reader.result на странице а потом вторым проходом каждый файл ресайзить не подходит

4. Пишите skype в приват.

Оставлять заявки могут только авторизованные пользователи.
Заявок нет

Оставлять заявки могут только авторизованные пользователи.