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

Javascript and Typescript — incorrectly specified categories?

11 USD

У веб-додатку є режим передачі фото на сервер.

Фото з телефону у реальному часі при не завжди якісному мобільному інтернеті передається 20-30 сек, що недопустимо у реальній роботі.

Задача полягає у тому, щоб дати можливість користувачу зменшити розмір файлу ( з допустимою втратою якості ) до передачі на сервер.

Додаток реалізовано на Jquery, Ajax, PHP.

Proposals 4 Withdrawn 2 Discussions 18

Yury Nikonenko

111 3

Budget: 500 UAH Deadline: 2 days

Здравствуйте, Иван.
Готов написать функцию сжатия картинки.

С уважением, Юрий

The list does not show proposals concealed by the client or freelancer with a Plus profile, as well as proposals violating rules

Sergio Voloshin 27 January 2020

добрый день. можно подробней? спасибо

Ivan Perun

27 January 2020

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 чи інші варіанти )

Vladimir Plotnik 27 January 2020

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

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

Ivan Perun

27 January 2020

печально...