Главная » Файлы » Прочие скрипты » jQuery

Загрузка скриншотов на сервер сайта
[ Скачать с сервера (4.29 Mb) ] 20.11.14, 21:23:28



1. Все файлы из архива заливаем на сервер сайта. Файлы в архиве "раскиданы" по папкам, так вот так же они должны быть "раскиданы" на сервере Вашего сайта.
2. Подключите скрипт на нужных страницах. Для этого перед тегом
Код
</head>

Вставьте следующие строки:
Код
<script src="/js/jquery-2.1.1.min.js"></script>  
  <script src="/js/lisshot.js"></script>

Если у Вас уже подключена библиотека jQuery, то просто:
Код
<script src="/js/lisshot.js"></script>

3. Далее запускаем скрипт:
Код
<div id="screens"></div>  
  <script>  
  $("#screens").LisShot(); // простое превью скриншотов  

$("#screens").LisShot({click: "newtab"}); //при клике на уменьшенную копию скрина будет открывать скрин в новой вкладке (по умолчания при клике будет увеличение)

  $("#screens").LisShot({uploadUrl: 'upload.php'}); // указываем ссылку на файл загрузки  

  $("#screens").LisShot({uploadUrl: 'upload.php', success: function(url, id){  
  //url - ссылка на загруженное фото  
  //id - айди скриншота  
  }}); // добавление функции которая будет вызвана при удачной загрузке скриншота на сервер  

  $("#screens").LisShot({columns: 4}); // указываем количество скриншотов в 1 строчке(по умолчанию - 2)  

  $("#screens").LisShot({lang: "en"}); // устанавливаем английский язык текста(по умолчанию русский)  
  /*поддерживаются пока что 2 языка: русский и английский, если функция будет востребована добавлю другие язык*/  
  </script>


Также на сайте нужно создать папку uploads , в которую будут загружаться скриншоты. Папку для загрузки скриншотов можно изменить в файле upload.php : измените значение переменной $upload_dir на имя нужной вам папки

Делаем скриншот экрана где угодно: в браузере, в программе - кнопкой prt sc(print screen) затем заходим на страницу со скриптом и жмём Ctrl+V или ПКМ->Вставить

Демо

P.S. Это первая версия скрипта, так что могут быть некоторые недочёты или баги. Просьба писать о них в комментарии
P.P.S. Если несколько раз вставить один и тот же скриншот, то он загрузится на сервер ровно столько раз, сколько вы его вставили
Категория: jQuery | Добавил: Lisnes | Теги: загрузка, сайта, сервер, на, скриншотов
Просмотров: 983 | Загрузок: 188 | Комментарии: 12 | Рейтинг: 1.0/7
Всего комментариев: 12
0
6 [ЦИТИРОВАТЬ]   [Материал]
Lisnes, привет, можешь помочь сделать что бы полученный скриншот открывался в новом окне, а не увеличивал его? c target="_blanck"
пытаюсь уже несколько часов, не получается..

0
На днях добалю эту функцию

0
8 [ЦИТИРОВАТЬ]   [Материал]
Большое спасибо

0
Готово, заново загрузи все файлы на сервер

0
10 [ЦИТИРОВАТЬ]   [Материал]
что то никакой разницы я не заметил.. скриншот увеличивается так же как и раньше(
Тест

0
Цитата
$("#screens").LisShot({click: "newtab"}); //при клике на уменьшенную копию скрина будет открывать скрин в новой вкладке (по умолчания при клике будет увеличение)

Ты использовал это?

0
12 [ЦИТИРОВАТЬ]   [Материал]
конечно же нет, не обратил внимание Большое спасибо

0
4 [ЦИТИРОВАТЬ]   [Материал]
Возникла проблема в установки, но вроде как разобрался, допишите что нужно создать папку uploads.

0
Прости, я совсем забыл про это(

0
В IE11 не работает

0
Работать будет в браузерах поддерживающих clipboardDataEvents

0
Большое спасибо! Изучу на досуге! smile2

Имя *:
Email: