Быстро отправить скриншот на свой сайт

Бывает нужно отправить скрин сразу на сайт, но мало кто знает, как это сделать минуя программы "Ножницы" или "Пэйнт", а ведь это достаточно просто.

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

<html>
<body>
<button onclick="test()">test</button>
<button onclick="test2()">test2</button>
<iframe id="myframe"></iframe>
</body>
</html>

Открываете это окно. При открытии (onload) устанавливаете свойство для фрейма designMode  в состояние "on"

document.getElementById("myframe").contentDocument.designMode="on";

Нажимаем PrintScreen, "Тыкаем" мышкой во фрейм, Нажимаем Ctrl+V (Paste)

Все. Первая часть окончена. Во фрейме будет ваш скрин. Для проверки можно сделать такую штуку

<script>
function test(){
   alert(document.getElementById("myframe").contentDocument.images[0].src)
}
</script>

Теперь либо при помощи XMLHTTPRequest`a, либо еще чего-нибудь (в конце-концов обычной формой можно) отправляем все в свой скрипт, который сохранит изображение. Источник »

Оцени публикацию:
  • 3,15
Оценили человек: 3

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • здравствуйте. Что-то не разобрался. Поподробнее можно.
    Я работаю над задачей:
    Есть три перемещаемые фигуры на странице.
    Надо переместить их  в определенном порядке и нажав на кнопку "отправить", должен отправится скриншот мне на почту.
    Возможно ли такое реализовать?
    23 ноября 2012, 13:53 коммент полезен : 0 # Александр9
    • насколько мне известно, атоматом такое сделать пока нельзя
      24 ноября 2012, 06:51 коммент полезен : 0 # Admin
  • Здравствуйте, а можно рабочий пример откуда нибудь скачать? Сделать по приведенным данным не получилось. И возникают вопросы, например будет ли это работать во всех браузерах?
    03 февраля 2014, 15:36 коммент полезен : 0 # Иван5
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Введите изображенные цифры:
Captcha
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2017 YaPro.Ru

Главная » Веб-мастеру » JavaScript »