Зменшити розмір фото до передачі на сервер

html: <input type='file' id='I1'/>

javascript:

$('#I1').change( function(eventObject){loadFile();} );

function loadFile(){

    var inp = $('#I1');

    var file_name;

    if( file_api && inp[ 0 ].files[ 0 ] )

        file_name = inp[ 0 ].files[ 0 ].name;

    var file_data = $('#I'+id).prop('files')[0];

    if ( file_data == '' || file_data=='undefined' || file_data == null ) {

        myMessage("Виберіть файл");

        return;

    }

    var form_data = new FormData();

    form_data.append('add_foto', 1);

    form_data.append('file', file_data);

    ...

    $.ajax({

        url: 'attachFile.php',

        data: form_data,

        type: 'post',

        ...

    });

}

Потрібно зменшити розмір file_data ( можна через canvas чи інші варіанти )

Скорей всего затраты времени на сжатие изображения на клиенте буду сравнимы с передачей его на сервер.

Есть сторонние решения вроде imageoptim но туда все равно нужно будет передать изображения чтобы получить сжатый вариант

о, полезную инфу подвезли) не зря в обсуждения заглянул)