Уменьшение веса загружаемого фото на стороне клиента

@napster1991 · Регистрация: 12.03.2012

Студворк — интернет-сервис помощи студентам

с помощью uploadifier загружаю фотографию. как сделать так, чтобы при загрузке больших изображений (например, с весом больше 2мб) оно загружалось на сервер с весом вдвое меньше, чем вес исходного загружаемого изображения?

иначе говоря, есть ли какая-нибудь jquery-утилита для уменьшения веса загружаемого изображения? (т.е. уменьшить вес на стороне клиента и потом загружать на сервер изображение с уже уменьшенным весом).

Donald28 · 19.05.2013, 12:35

насколько мне известно, JS с файлами на стороне клиента не может работать, иначе это будет нарушение безопасности.

Такую утилиту можно реализовать при загрузке на сервер, дальнейшая обработка загруженного фото с помощью php и сохранение на сервере, только облегченное фото.

@napster1991 · 19.05.2013, 12:41 **[ТС]**

жаль, конечно, что так нельзя... а так спасибо, Donald28.

@MVS76 · 19.05.2013, 17:22

Попробуйте прикрутить на сервере обработчик картинок, ну например POST запросом, есть хороший class "classSimpleImage.php" сжимает размер картинки довольно неплохо.
Пример:
сам class

Кликните здесь для просмотра всего текста

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<?php
class SimpleImage {
var $image;
var $image_type;
function load($filename) {
$image_info = getimagesize($filename);
$this->image_type = $image_info[2];
if( $this->image_type == IMAGETYPE_JPEG ) {
$this->image = imagecreatefromjpeg($filename);
} elseif( $this->image_type == IMAGETYPE_GIF ) {
$this->image = imagecreatefromgif($filename);
} elseif( $this->image_type == IMAGETYPE_PNG ) {
$this->image = imagecreatefrompng($filename);
}
}
function save($filename, $image_type=IMAGETYPE_JPEG, $compression=40, $permissions=null) {
if( $image_type == IMAGETYPE_JPEG ) {
imagejpeg($this->image,$filename,$compression);
} elseif( $image_type == IMAGETYPE_GIF ) {
imagegif($this->image,$filename);
} elseif( $image_type == IMAGETYPE_PNG ) {
imagepng($this->image,$filename);
}
if( $permissions != null) {
chmod($filename,$permissions);
}
}
function output($image_type=IMAGETYPE_JPEG) {
if( $image_type == IMAGETYPE_JPEG ) {
imagejpeg($this->image);
} elseif( $image_type == IMAGETYPE_GIF ) {
imagegif($this->image);
} elseif( $image_type == IMAGETYPE_PNG ) {
imagepng($this->image);
}
}
function getWidth() {
return imagesx($this->image);
}
function getHeight() {
return imagesy($this->image);
}
function resizeToHeight($height) {
$ratio = $height / $this->getHeight();
$width = $this->getWidth() * $ratio;
$this->resize($width,$height);
}
function resizeToWidth($width) {
$ratio = $width / $this->getWidth();
$height = $this->getheight() * $ratio;
$this->resize($width,$height);
}
function scale($scale) {
$width = $this->getWidth() * $scale/100;
$height = $this->getheight() * $scale/100;
$this->resize($width,$height);
}
function resize($width,$height) {
$new_image = imagecreatetruecolor($width, $height);
imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
$this->image = $new_image;
}
}
?>

Пример использования:

PHP
1
2
3
4
5
6
<php 
$image = new SimpleImage();
$image->load('../URL/1.jpg'); // исходная картинка
$image->scale(99.9);
$image->save('../путь сохранения/1.jpg'); // сжатая картинка
?>

@napster1991 · 19.05.2013, 17:31 **[ТС]**

Сообщение от MVS76

Попробуйте прикрутить на сервере обработчик картинок, ну например POST запросом, есть хороший class "classSimpleImage.php" сжимает размер картинки довольно неплохо.
Пример:
сам class

Кликните здесь для просмотра всего текста

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<?php
class SimpleImage {
var $image;
var $image_type;
function load($filename) {
$image_info = getimagesize($filename);
$this->image_type = $image_info[2];
if( $this->image_type == IMAGETYPE_JPEG ) {
$this->image = imagecreatefromjpeg($filename);
} elseif( $this->image_type == IMAGETYPE_GIF ) {
$this->image = imagecreatefromgif($filename);
} elseif( $this->image_type == IMAGETYPE_PNG ) {
$this->image = imagecreatefrompng($filename);
}
}
function save($filename, $image_type=IMAGETYPE_JPEG, $compression=40, $permissions=null) {
if( $image_type == IMAGETYPE_JPEG ) {
imagejpeg($this->image,$filename,$compression);
} elseif( $image_type == IMAGETYPE_GIF ) {
imagegif($this->image,$filename);
} elseif( $image_type == IMAGETYPE_PNG ) {
imagepng($this->image,$filename);
}
if( $permissions != null) {
chmod($filename,$permissions);
}
}
function output($image_type=IMAGETYPE_JPEG) {
if( $image_type == IMAGETYPE_JPEG ) {
imagejpeg($this->image);
} elseif( $image_type == IMAGETYPE_GIF ) {
imagegif($this->image);
} elseif( $image_type == IMAGETYPE_PNG ) {
imagepng($this->image);
}
}
function getWidth() {
return imagesx($this->image);
}
function getHeight() {
return imagesy($this->image);
}
function resizeToHeight($height) {
$ratio = $height / $this->getHeight();
$width = $this->getWidth() * $ratio;
$this->resize($width,$height);
}
function resizeToWidth($width) {
$ratio = $width / $this->getWidth();
$height = $this->getheight() * $ratio;
$this->resize($width,$height);
}
function scale($scale) {
$width = $this->getWidth() * $scale/100;
$height = $this->getheight() * $scale/100;
$this->resize($width,$height);
}
function resize($width,$height) {
$new_image = imagecreatetruecolor($width, $height);
imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
$this->image = $new_image;
}
}
?>

Пример использования:

PHP
1
2
3
4
5
6
<php 
$image = new SimpleImage();
$image->load('../URL/1.jpg'); // исходная картинка
$image->scale(99.9);
$image->save('../путь сохранения/1.jpg'); // сжатая картинка
?>

это, конечно, хорошо, но я б хотел, чтоб сжатие происходило именно ДО загрузки изображения на сервер... (дабы долго не аплоадить)

@MVS76 · 19.05.2013, 17:43

Сжатие происходит ну очень быстро, за пару секунд, процесс по времени не увеличится заметно

Donald28 · 19.05.2013, 17:45

MVS76, для того чтобы произошло сжатие изображения - надо еще это изображение загрузить на сервер!!!!
А вот это уже зависит от скорости приема сервера и скорости интернета у пользователя!!!!

@MVS76 · 19.05.2013, 17:59

До загрузки передавайте его методом post сразу на php, примерно так:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
<php 
$img = $_POST['url'];
// здесь извлекаем имя картинки, чтоб сохранить с тем-же именем
preg_match_all('~путь/(\\d+)\\.jpg~i', $img, $result);
$results= $result[1];
rsort($results, SORT_NUMERIC); 
// сжатие
$image = new SimpleImage();
$image->load('./'.$results[0].'.jpg'); // исходная картинка
$image->scale(99.9);
$image->save('./'.$results[0].'.jpg'); // сжатая картинка
?>

Это набросок мыслей, у меня так парсер работает, довольно таки успешно

Donald28 · 19.05.2013, 18:11

MVS76, что за ересь????

PHP
1
$img = $_POST['url'];

предусматривает, что изображение уже находится на сервере!!!!!

А если пользователь хочет загрузить свое фото, которое находится на компе?

Сообщение от MVS76

передавайте его методом post сразу на php

это и значит загрузить на сервер!!!!

@MVS76 · 19.05.2013, 18:14

Это ведь не готовый код, я не говорил даже что он рабочий

Сообщение от MVS76

Это набросок мыслей

Я ведь написал, просто стоит подумать, и решение само придет - если результат сильно нужен.

Donald28 · 19.05.2013, 18:19

MVS76, да какой набросок решений????

нельзя до загрузки на сервер у изображений, которые находится на компьютере, уменьшить объем или изменить их содержимое!!!

Но даже если предположить что такое возможно, то это будет серьезная брешь в безопасности. Так будет возможность удаленно менять содержимое практически любых файлов на чужом компьютере.

Не по теме:

И в этом случае "касперский", который вы рекламируете в своей подписи, вам уже не поможет!!!!

@napster1991 · 19.05.2013, 18:21 **[ТС]**

уважаемы, MVS76. мне очень приятно, что Вы стараетесь мне помочь, но мне кажется, что Вы не совсем правильно поянли мою проблему...

а именно: я хочу, чтобы изображение (потенциально большого размера) загружалось на сервер не с тем весом, что он фактически имеет, а с уже уменьшенным... т.е. хочу, чтобы уменьшение веса происходило до загрузки на сервер...
а Вы, как мне кажется, так поняли, что моей задачей является получение изображения с уменьшенным весом вообще...

@MVS76 · 19.05.2013, 18:27

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

@napster1991 · 19.05.2013, 18:48 **[ТС]**

всем спасибо!

@napster1991 · 25.05.2013, 14:20 **[ТС]**

Сообщение от MVS76

Попробуйте прикрутить на сервере обработчик картинок, ну например POST запросом, есть хороший class "classSimpleImage.php" сжимает размер картинки довольно неплохо.
Пример:
сам class

Кликните здесь для просмотра всего текста

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<?php
class SimpleImage {
var $image;
var $image_type;
function load($filename) {
$image_info = getimagesize($filename);
$this->image_type = $image_info[2];
if( $this->image_type == IMAGETYPE_JPEG ) {
$this->image = imagecreatefromjpeg($filename);
} elseif( $this->image_type == IMAGETYPE_GIF ) {
$this->image = imagecreatefromgif($filename);
} elseif( $this->image_type == IMAGETYPE_PNG ) {
$this->image = imagecreatefrompng($filename);
}
}
function save($filename, $image_type=IMAGETYPE_JPEG, $compression=40, $permissions=null) {
if( $image_type == IMAGETYPE_JPEG ) {
imagejpeg($this->image,$filename,$compression);
} elseif( $image_type == IMAGETYPE_GIF ) {
imagegif($this->image,$filename);
} elseif( $image_type == IMAGETYPE_PNG ) {
imagepng($this->image,$filename);
}
if( $permissions != null) {
chmod($filename,$permissions);
}
}
function output($image_type=IMAGETYPE_JPEG) {
if( $image_type == IMAGETYPE_JPEG ) {
imagejpeg($this->image);
} elseif( $image_type == IMAGETYPE_GIF ) {
imagegif($this->image);
} elseif( $image_type == IMAGETYPE_PNG ) {
imagepng($this->image);
}
}
function getWidth() {
return imagesx($this->image);
}
function getHeight() {
return imagesy($this->image);
}
function resizeToHeight($height) {
$ratio = $height / $this->getHeight();
$width = $this->getWidth() * $ratio;
$this->resize($width,$height);
}
function resizeToWidth($width) {
$ratio = $width / $this->getWidth();
$height = $this->getheight() * $ratio;
$this->resize($width,$height);
}
function scale($scale) {
$width = $this->getWidth() * $scale/100;
$height = $this->getheight() * $scale/100;
$this->resize($width,$height);
}
function resize($width,$height) {
$new_image = imagecreatetruecolor($width, $height);
imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
$this->image = $new_image;
}
}
?>

Пример использования:

PHP
1
2
3
4
5
6
<php 
$image = new SimpleImage();
$image->load('../URL/1.jpg'); // исходная картинка
$image->scale(99.9);
$image->save('../путь сохранения/1.jpg'); // сжатая картинка
?>

Ваш класс пригодился. спасибо!

Новые блоги и статьи Все статьи Все блоги /
wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .

@napster1991 2 / 2 / 0 Регистрация: 12.03.2012 Сообщений: 33

	Уменьшение веса загружаемого фото на стороне клиента 19.05.2013, 10:53. Показов 9029. Ответов 14 Метки нет (Все метки) с помощью uploadifier загружаю фотографию. как сделать так, чтобы при загрузке больших изображений (например, с весом больше 2мб) оно загружалось на сервер с весом вдвое меньше, чем вес исходного загружаемого изображения? иначе говоря, есть ли какая-нибудь jquery-утилита для уменьшения веса загружаемого изображения? (т.е. уменьшить вес на стороне клиента и потом загружать на сервер изображение с уже уменьшенным весом). 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	19.05.2013, 12:35
	насколько мне известно, JS с файлами на стороне клиента не может работать, иначе это будет нарушение безопасности. Такую утилиту можно реализовать при загрузке на сервер, дальнейшая обработка загруженного фото с помощью php и сохранение на сервере, только облегченное фото. 0

@napster1991 2 / 2 / 0 Регистрация: 12.03.2012 Сообщений: 33
	19.05.2013, 12:41 [ТС]
	жаль, конечно, что так нельзя... а так спасибо, Donald28. 0

@MVS76 Не мoдepaтор 340 / 315 / 94 Регистрация: 07.07.2012 Сообщений: 1,040 Записей в блоге: 7
	19.05.2013, 17:43
	Сжатие происходит ну очень быстро, за пару секунд, процесс по времени не увеличится заметно 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	19.05.2013, 17:45
	MVS76, для того чтобы произошло сжатие изображения - надо еще это изображение загрузить на сервер!!!! А вот это уже зависит от скорости приема сервера и скорости интернета у пользователя!!!! 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	19.05.2013, 18:19
	MVS76, да какой набросок решений???? нельзя до загрузки на сервер у изображений, которые находится на компьютере, уменьшить объем или изменить их содержимое!!! Но даже если предположить что такое возможно, то это будет серьезная брешь в безопасности. Так будет возможность удаленно менять содержимое практически любых файлов на чужом компьютере. Не по теме: И в этом случае "касперский", который вы рекламируете в своей подписи, вам уже не поможет!!!! 0

@napster1991 2 / 2 / 0 Регистрация: 12.03.2012 Сообщений: 33
	19.05.2013, 18:21 [ТС]
	уважаемы, MVS76. мне очень приятно, что Вы стараетесь мне помочь, но мне кажется, что Вы не совсем правильно поянли мою проблему... а именно: я хочу, чтобы изображение (потенциально большого размера) загружалось на сервер не с тем весом, что он фактически имеет, а с уже уменьшенным... т.е. хочу, чтобы уменьшение веса происходило до загрузки на сервер... а Вы, как мне кажется, так поняли, что моей задачей является получение изображения с уменьшенным весом вообще... 0

@MVS76 Не мoдepaтор 340 / 315 / 94 Регистрация: 07.07.2012 Сообщений: 1,040 Записей в блоге: 7
	19.05.2013, 18:27
	Согласен, действительно не так понял, вот теперь вы дали более обширный ответ. Да, до загрузки на сервер уменьшить не получится, но загрузить а потом уменьшить - возможно, что является сохранением свободного места на сервере. 0

@napster1991 2 / 2 / 0 Регистрация: 12.03.2012 Сообщений: 33
	19.05.2013, 18:48 [ТС]
	всем спасибо! 0