Загрузка изображений в регистрационной форме с помощью инструмента предварительного просмотра и обрезки изображений с использованием PHP yii framework?

Question

Как я могу загрузить изображение в регистрационную форму с помощью инструмента предварительного просмотра и обрезки изображения с использованием PHP yii framework?

У меня есть форма регистрации пользователя в моей среде yii, и я хочу включить загрузку изображения для изображения пользователя. Я хочу, чтобы изображение было загружено и сразу отображалось в форме после успешной загрузки. После этого я хочу изменить размер и обрезать изображение, и при отправке формы создания пользователя изображение должно быть сохранено, а запись пользователя должна содержать URL-адрес изображения, чтобы отобразить его позже.

Как установить фиксированный размер для сохраняемого изображения? То есть, когда я хочу иметь изображение шириной 200px x высотой, например, 300px.

Answer 1

Для предварительного просмотра перед обновлением вы можете использовать html5 File API.Я советую вам посмотреть эти ссылки: file-api-example
https://developer.mozilla.org/en/Using_files_from_web_applications

Для обрезки изображений на стороне сервера используйте следующее расширение yii:
http://www.yiiframework.com/extension/image/

Вы также можете позволить пользователю обрезать изображение на стороне клиента.Вы можете определить фиксированное соотношение сторон и разрешить выделение части изображения.Я лично использую Jcrop библиотеку JavaScript.

Вы хотите, чтобы изображение было размером 200px x 300px.AspectRadio составляет 0,67 в этом случае.Вы определяете aspectRatio в Jcrop:

jcr = $.Jcrop('#imageDisplay');
jcr.setOptions({
trackDocument: true,
aspectRatio: 0.74,

Поскольку ваше соотношение сторон фиксировано, вам нужно только изменить размер изображения до 200px x 300px, используя упомянутое расширение.