захват выбранного элемента div с jquery

Как захватить элемент div и загрузить его автоматически на сервер в качестве изображения с помощью jQuery?захват выбранного элемента div с jquery

источник

2010-08-03 Aditya Hadi

Пожалуйста, объясните этот вопрос более подробно. – Chris

Я думаю, он хочет сделать скриншот части своей веб-страницы и загрузить этот скриншот. – Floyd

Возможно, объясните * почему * вы хотите это сделать, тогда люди могут предложить альтернативы? –

Ник прав. Был бы ряд проблем безопасности, связанных с выполненными браузером снимками экрана, которые затем сохраняются на вашем сайте (подумайте о банковской информации).

Альтернатива будет делать это в графической библиотеке на основе содержимого html div.

Например, если вы используете PHP для своей задней части, вы можете использовать jQuery для извлечения содержимого вашего элемента div и передать его в файл через $ .get(). Используя библиотеку GD и знания вашей таблицы стилей и некоторого разбора HTML-дерева, вы предположительно могли бы воспроизвести «div» в качестве изображения.

источник

2010-08-03 13:23:32 adu

Спасибо Аду. Есть ли какие-либо учебники по использованию jQuery для извлечения содержимого элемента div и передать его в файл через $ .get()? –

Ой, казалось, не слишком сложно. Но мы все еще можем изменить html на изображение правильно? Есть ли у него учебник? –

Его довольно уникальная проблема. Это также зависит от того, сколько материала находится в вашем «div» и сколько у вас стиля. Если это действительно сложно, использование регулярных выражений и их рисование в GD Library могут оказаться невозможными. Также посмотрите, можно ли это использовать: http://www.webpagethumbnailer.com/ – adu

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

Для примера рассмотрим этот случай:

<div> 
    <iframe src="https://somesecutesite.com"></iframe> 
</div>

Должен ли я быть в состоянии скриншот, что DIV и загрузить его? Возможно, моя информация заполнена полями формы и т. Д. Есть много других примеров, но только одна безопасность - это хорошая причина, по которой это запрещено.

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

источник

2010-08-03 13:05:43

Я хочу сделать снимок экрана из нескольких слоев div в элементе div, а затем загрузить его автоматически. Есть ли идея сделать это? –

За исключением того, что пользователь делает снимок экрана и отправляет его вам, нет, нет, на уровне, о котором я знаю. Вы можете отправить контент (HTML) на сервер, но не как изображение, а не через JavaScript. –

Затем, как обрабатывать содержимое (html) в картинке на сервере? –

захват выбранного элемента div с jquery

ответ

Смежные вопросы