СКРИПТЫ
ТЕГИ:
php (285)
js (167)
html (139)
css (119)
html tags (61)
jquery (40)
text (37)
form html (30)
php array (30)
fonts (27)
ruweb.net (23)
foto (22)
online (22)
Показать еще :
php file (21)
atom (20)
forum (19)
svg (18)
board (17)
hosting (17)
js method (16)
html book (16)
input (16)
link (15)
color (15)
php date (15)
js events (14)
htaccess (13)
table (13)
osclass (13)
dw block (12)
path (12)
select (12)
js delete (12)
icon (11)
keyboard (11)
jsphp (11)
php img (11)
info (11)
img (11)
php time (11)
form (11)
download (11)
notepad (11)
url (10)
mouse (10)
js time (9)
yandex (9)
cookie (7)
php url (7)
comment (7)
dosite (7)
task (7)
hover (7)
iframe (6)
list (6)
year (6)
mysql (6)
click (6)
js url (6)
ftp (5)
heading (5)
php get (5)
search (5)
adminka (5)
js id (5)
browser (5)
mb (5)
value (5)
chart (5)
week (4)
mounth (4)
bbcode (4)
day (4)
нок (4)
reg.ru (4)
vk (4)
submit (4)
captcha (4)
js form (4)
console (4)
symbols (4)
ucoz (3)
js post (3)
line (3)
https (3)
pages (3)
scandir (3)
ssl (3)
js img (3)
vs code (3)
padding (3)
куб (2)
js vars (2)
video (2)
youtube (2)
seo (2)
details (2)
title (2)
cursor (2)
base64 (2)
second (2)
tag hr (2)
money (2)
рся (2)
typeof (2)
arrows (2)
counter (2)
height (2)
qr kod (2)
sitemap (2)
нод (1)
windows (1)
google (1)
header (1)
numbers (1)
archive (1)
domen (1)
speed (1)
books (1)
smile (1)
scroll (1)

Капча с картинкой

Капча с картинкой через php! Будем делать капчу с картинкой! Код капчи с картинкой. Нам нужна капча с картинкой, чтобы использовать в форме!

Начнем с самого начала и разберем весь процесс создания капчи с картинками через php!

Всё о капче с картинкой

  1. Алгоритм работы капчи с картинкой.
  2. Картинки для капчи с картинкой
  3. Форма для капчи с картинкой.
  4. Вывод картинки для капчи с картинкой
  5. Получение слова и названия картинки
  6. Код капчи с картинкой в сборе
  7. Живой пример капчи с картинкой
  8. Пример на отдельной странице
    Скачать
  9. Капча из нескольких картинок для сайта
  10. Капча из картинки на php -> New
  11. Пример на отдельной странице
    Скачать

  1. Алгоритм работы капчи с картинкой

    Первым шагом в создании капчи с картинкой нам нужен алгоритм!

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

    Поскольку - это простой скрипт, то алгоритм работы можно написать без черновика.

    Название картинки выбирается случайно.

    У нас должна вывестись на экран картинка, т.е. у нас уже есть название картинки в переменной.

    Если оно(название картинки) на английском языке(множество хостингов не поддерживает на русском языке), то нужен механизм, который, позволит выводить название аналога на русском языке.(это ассоциативный массив)

    Это название будет вписываться в input с типом hidden - скрытое поле.

    Пользователь видит картинку и записывает название увиденного с картинки.

    После отправки скрытое поле и поле введенное пользователем сравниваются.

    Если присланы два одинаковых названия - капча со словами пройдена.

  2. Картинки для капчи с картинкой

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

    Вы можете использовать любое количество картинок - столько, сколько вам вздумается!

    У нас всего будет 6 картинок, размер картинки 100х100px:

    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой
    Картинки для капчи с картинкой


  3. Форма для капчи с картинкой.

    После того, как мы набрали картинок для капчи с картинками нам потребуется форма, из которой мы будем отправлять данные на сервер и для этого нам понадобится:

    Использовали для капчи с картинкой

    Тег form

    Данные будем отправлять методом - post

    action - пустой - будем отправлять данные на эту же страницу.

    Тег input с типом text

    Используем required - для того, чтобы сделать поля формы обязательными.

    Тег input с типом hidden

    Тег button с типом submit

    Собираем форму для капчи с картинкой

    После того, как мы изучили все перечисленные темы - мы спокойно можем собрать нашу форму для капчи с картинкой:

    <form action="" method="post">

      <input type="text" name="text_kapcha" placeholder="Название животного" required><br>

      <input type="hidden" name="hidden_kapcha" value="'.$word.'" ><br>

      <button name="otpravit" value="Привет!">Отправить</button>

    </form>


  4. Вывод картинки для капчи с картинкой

    Для того, чтобы вывести картинку в форме капчи Вам потребуется:

    Создать массив, в каждой ячейке которого будет находится название картинки, вывод которых приведен выше:

    $array = array('slon','kot','krokodile','mish','petuh','kon');

    Для того, чтобы выводить случайную картинку в капче, будем выводить случайным образом ячейку массива - вам понадобится функция array_rand, которая будет выбирать одно слово("число 1" - второй аргумент в функции) случайным образом из нашего массива:

    $array_rand = array_rand($array, 1);

    Выведем случайную ячейку массива(echo $array[$array_rand]):

    krokodile

    На то количество ячеек массива создаем(с передачей значения в переменную $word ) условие типа:

    if($array[$array_rand] == 'slon'){$word = 'слон';}

    А вторым слово echo $word

    крокодил

    Мы можем вывести случайную картинку капчи:

    <img border="1px solid" width="100px" height="100" src="//dwweb.ru/__img/php/kapcha/'.$array[$array_rand].'.jpg" title="'.$word.'">

    Картинка капчи с картинкой:

    Для проверки сменяемости картинки в капче перезагрузите страницу!

    Картинка капчи с картинкой:

  5. Получение слова и название картинки в капче

    Далее дело в шляпе! Получаем данные из формы и сравниваем их на сервере.

    Если картинка из капчи и случайное слово не совпадают, то получим ответ:

    Ответ не правильный!

    Если ответ правильный то:

    Все верно

  6. Капча с картинкой в сборе

    Для просмотра всего кода капчи с картинкой скачиваем данный архив
    Для иллюстрации работы кода картинки в капче можно посмотреть на отдельной странице


    Капча с картинкой скачать

    Что в архиве?

    В архиве находится папка "kapcha_s_kartinkoy", в ней:

    Файл "kapcha_s_kartinkoy.php" - копия страницы примера.

    Все картинки, которые выше были представлены.

    Скачать можно здесь


  7. Пример капчи с картинкой

    Для того, чтобы вы смогли увидеть капчу с картинками прямо здесь разметим весь тот код, что я написал для капчи с картинкой прямо здесь на странице!

    Как протестировать капчу с картинками?

    Для того, чтобы протестировать пример капчи с картинками в поле ввода напечатайте название того, что вы увидите на картинке!

    После этого вы можете отправить форму на сервер!

    Пожалуйста напишите
    если сомневаетесь наведите мышку на картинку

    Как протестировать капчу с картинками?



    Пример капчи с картинкой на отдельной странице.

    Весь код капчи с картинкой поместил на отдельную страницу!


  8. Как сделать капчу из нескольких картинок

    Если вам очень хочется сделать капчу из нескольких картинок, ну чтож, это тоже можно сделать!

    Это делается из того материала, что приведен выше!

    И капча с несколькими картинками - это наверняка настолько круто, что только круче яйца вкрутую!

    Только это настолько муторная и большая работа, в который, я никакого для себя профита не вижу...

    Алгоритм создания капчи с множеством картинок

    Предположим, что вы хотите сделать такую как у Google. Делать, я такую капчу, конечно же не буду, но примерный алгоритм могу набросать...

    Вам понадобится как минимум
    1). 9 полей вывода картинки
    2). + 9 полей input, куда будут передаваться данные по нажатию на картинку, и нужно продумать скрипт, который будет отслеживать нажатие - отжатие картинки
    3). и плюс еще 9 полей ввода hidden, далее просто 9 + 9

    Далее вам нужно... как-то зафиксировать передаваемый данные в поля hidden... это должен быть массив из 9 ячеек с заранее записанными данными... в них... например если тема кошки... то определяете сколько кошек.. и сколько не кошек, и отслеживаете соответствии отправленных данных 9 + 9

    Вывести какой-то алгоритм рандомно выводить в поле hidden выше приведенные значения массива.

    Далее нужно создать, ну как минимум массивов 10 с разными категориями, что аналогично теме "кошек", например -массив "собаки", массив "машины" и т.д...

    Далее нужен алгоритм, который будет рандомно выбирать массив...

    Это если очень кратко...

    Алгоритм создания капчи с множеством картинок
    Алгоритм создания капчи с множеством картинок

    Итого... ну нах...

    Мне очень не нравится такая капча, если она выскакивает где угодно! Есть намного проще и экономичные варианты, чем городить такой огород! Ну, а вы - можете потренироваться!


  9. Капча из картинки на php

    Мы тут сделали новую тему : цифры и буквы в картинку php.

    На этой основе мы сможем сделать очередную "капчу с картинкой."

    Алгоритм работы капчи с картинкой.

    Алгоритм работы капчи с картинкой до безобразия прост.

    Создаем случайно данные(буквенно-цифровые)- помещаем это значение в переменную "$num_letter".

    На основе этой переменной создаем картинку через php и выводим данную картинку, там, где нам это требуется.

    В форме, в поле hidden помещаем эту переменную пропущенную через md5.

    В пустом поле вводим данные с капченой картинки.

    В php проверяем данные из поля "hidden" и теперь уже данные из поля "cap" пропускаем через md5

    Протестировать капчу с картинкой через php.


    Протестировать капчу с картинкой через php.


    Скачать "Капча из картинки на php"

    Что в архиве?

    Архив "kapcha_s_kartinkoy_2.zip".

    Внутри архива 1 файл - копия файла из примера.

    Скачать данный вариант "Капча из картинки на php" здесь

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Название скрипта :Капча с картинкой
Ссылка на скачивание : Все скрипты на одной странице
Теги :
Капча с картинкой
как сделать капчу с картинкой
Капча с картинкой php
captcha с картинками
пример капчи картинки
капча в виде выбора картинки
Captcha with php image
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
Последние комментарии :
Марат :
07.07.2022 13:02
Вам спасибо, что оценили! На ваш вопрос в одной строчке не ответишь, поэтому для вас отдельный пункт…
подробнее.
Борис :
07.07.2022 10:41
Спасибо за статью! Подскажите, пожалуйста, как сделать, чтобы файл создавался по имени из формы? Есть тест,…
подробнее.
вывы :
05.06.2022 12:32
сейчас яндекс добавил индексацию js в…
подробнее.
Марат :
02.06.2022 20:14
Михаил :
02.06.2022 20:10
Ну вот только для этого может быть ;) А так, нет смысла…
подробнее.
Марат :
02.06.2022 15:59
Чтобы вы зашли на данную страницу и нажали на…
подробнее.
ruweb
Страница загружена за : 0.02745 секунд. Подробнее