динамически создавать миниатюру на клиентской машине с помощью javascript

Я работаю над фотогалереей. Использование php для чтения файлов и отправка их в jquery на клиентской машине для создания галереи изображений. (работает хорошо)

Я хотел использовать функцию php exif, чтобы получить миниатюры изображений, чтобы сделать предварительный просмотр фотографий.

Я не могу использовать функцию php, так как мой хостинг отключил модуль exif.

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

я не буду использовать для этого такие функции, как кадрирование (jquery или html), так как я не хочу загружать все изображения с самого начала. Я хочу только загружать миниатюры, и при нажатии на это будет загружаться само изображение.

Кто-нибудь может помочь мне с этим? Большое спасибо!!!!

Алексей alexela.biz


javascript image exif gallery thumbnails
person aleXela    schedule 04.12.2012    source источник
comment
Вам нужно будет загрузить изображение, прежде чем вы сможете выполнить преобразование.   -  person Aidan Ewen    schedule 04.12.2012
comment
Если кому-то интересно, я сделал небольшую галерею, в которой используется плагин nailthumb по клику jquery">stackoverflow.com/questions/13821941/ завтра будет опубликована окончательная версия. нужно сделать page+ page-функцией. Надеюсь, это полезно. Алексей   -  person aleXela    schedule 12.12.2012

Ответы (2)


arrow_upward
1
arrow_downward

Ваш хост отключил функции GD и изображения?

Попробуйте этот блок: http://davidwalsh.name/create-image-thumbnail-php

person fionbio    schedule 04.12.2012
comment
Отключен только модуль EXIF. и не установят. PHP отлично работает. Но только на локальном хосте. когда я помещаю его на сервер, я получаю сообщение об ошибке. Я говорил с techsupp, они сказали мне то же самое. модуль отключен. - person aleXela; 04.12.2012
comment
Получить новый веб-хостинг проще, чем альтернативы. - person fionbio; 04.12.2012
comment
)))) как этот. Я ищу новый. Не из-за этого, а из-за низкой производительности (arvixe) в моей стране. Но пока я не найду, мне нужно сделать это. - person aleXela; 04.12.2012

arrow_upward
0
arrow_downward

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

Например, если ваше изображение имеет размер 460 x 460 пикселей, вы можете создать миниатюру размером 100 x 100 пикселей, добавив следующий стиль к тегу img.

<img id="my_thumb" src="my/image/source460x460.jpg" style="height: 100px, width: 100px">

Я думаю, ваш javascript будет выглядеть примерно так:

var imageElement = document.getElementById('my_thumb');

Стандартные браузеры

imageElement.setAttribute('style', "height: 100px, width: 100px");

Хитрый браузер IE

imageElement.style.setAttribute('cssText', "height: 100px, width: 100px");

и jquery

$('#my_thumb').attr('style') = "height: 100px, width: 100px";
person Aidan Ewen    schedule 04.12.2012
comment
Вы правы, я могу использовать его. Но, как я уже писал, я не хочу. Главное, я не хочу загружать все изображения с самого начала. если плохо использовать такой метод, это произойдет. - person aleXela; 04.12.2012
comment
Извините, я прочитал заголовок вопроса и решил, что у вас уже должно быть изображение на клиенте (я почти уверен, что вам понадобится исходное изображение на клиенте, если вы собираетесь выполнять преобразование там) - person Aidan Ewen; 04.12.2012
comment
user1873689, вам бы уже пришлось загрузить изображения в клиент, чтобы сделать из них превьюшки. В этом случае вы можете просто использовать уменьшенное изображение большого пальца, как предложил Эйдан Юэн. - person XML; 04.12.2012
comment
Сначала я получил только имена файлов в размере клиента. так что я думаю вы правы. я не могу использовать большие пальцы только в самих файлах. - person aleXela; 04.12.2012
comment
Мне придется написать свой собственный скрипт изображения (используя php-скрипт, который я нашел (он отлично работает)) или сделать простые превьюшки меньшего размера. - person aleXela; 04.12.2012
comment
Может быть у кого-то есть php-скрипт, который не использует функцию exif_thumbnail()??? (сценарий, который я разместил, работает) ???? Большое спасибо - person aleXela; 04.12.2012
comment
Я использовал плагин nailthumb. Если кому интересно - garralab.com/nailthumb.php с загрузкой изображения . Это не совсем то, что я хотел, но пока это хорошо - person aleXela; 10.12.2012