Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.76/29: Рейтинг темы: голосов - 29, средняя оценка - 4.76
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73

Обрезка картинки до загрузки на сервер

12.01.2018, 09:44. Показов 5974. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день.
Подскажите, пожалуйста, по такой теме...
Нужно добавлять фото к пользователям, они должны быть квадратные, но не заставлять же пользователя предварительно обрабатывать фото)
Как можно средствами js обрезать фото на стороне клиента?
Хотелось бы что-то типо загрузки аватара ВК или фэйсбук, то есть человек выбирает фото, после выбирает квадратную область на фото и именно эта область уходит на сервер и там уже обрабатывается.
Есть ли что-то стандартное? Или модуль на JS?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
12.01.2018, 09:44
Ответы с готовыми решениями:

Скрипт отображения картинки без загрузки на сервер - нужна корректировка
Добрый день Нашел вот такой скрипт function readURL(input, Nomer) { if (input.files && input.files) { var reader = new...

Jcrop - обрезка до загрузки, неправильные координаты
Для кадрирования (обрезки) фотографии до загрузки выводится превью и его кадрируем. Проблема в том, что если превью 1:1 то всё нормально,...

Обрезка картинки
Требуется код программы (VB 2012), который позволит открыть граф. файл. Затем пользователь выделяет куски изображения, а программа доводит...

3
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
12.01.2018, 13:10
Adigezalov, к примеру плагин imgAreaSelect
1
 Аватар для Adigezalov
2 / 2 / 2
Регистрация: 23.06.2016
Сообщений: 73
12.01.2018, 13:12  [ТС]
Цитата Сообщение от Qwerty_Wasd Посмотреть сообщение
к примеру плагин imgAreaSelect
Да, я как раз с ним сейчас и разбираюсь.
Но насколько я понял, он обрезает фото уже в php, а я планировал именно обрезать на фронтенде и отправить уже готовый результат на сервер
0
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
12.01.2018, 13:34
Цитата Сообщение от Adigezalov Посмотреть сообщение
Есть ли что-то стандартное?
Из нативного - HTML5 Canvas
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
12.01.2018, 13:34
Помогаю со студенческими работами здесь

Обрезка и сохранение картинки
Всем привет. Пытаюсь выдернуть кусок фотки и записать ее в новый фаил. Чет не получается. $targ_w = $targ_h = 200; ...

Обрезка картинки от верха
Здравствуйте. Такой вопрос, каким образом можно организовать обрезку фото как у object-fit: cover, только чтобы он брал обрезку делал...

Обрезка картинки при её увеличении
Ребята, у меня вопрос. Можно ли осуществить следующее, если "да", то как? У меня в блоке <div> есть картинка <img>, которая...

Обрезка списка цветов из картинки
День добрый. Стоит следующая задача, есть картинка, в ней кроме whitespace нужно удалить еще 215 цветов, которые идут в разнобой до...

Масштабирование картинки или обрезка
Цель: выполнить масштаб картинки, то есть ее Scale, если не получится то обрезать используя центральный пиксель(скрин 2), не знаю какой...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита табличной части. . .
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
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru