版權聲明:轉載請註明原創地址 https://blog.csdn.net/u013032788/article/details/84957565
你們在不少網站上應該見過這樣的驗證方式,用戶須要拖動一個小滑塊並將小滑塊拼接到背景圖上空缺的位置才能完成驗證,這種拖動驗證碼時基於用戶行爲的,比傳統在移動端有更好的體驗,減小用戶的輸入。
你們在不少網站上應該見過這樣的驗證方式,用戶須要拖動一個小滑塊並將小滑塊拼接到背景圖上空缺的位置才能完成驗證,這種拖動驗證碼時基於用戶行爲的,比傳統在移動端有更好的體驗,減小用戶的輸入。
目前市面上作的好的拖動驗證、用戶行爲驗證有極驗驗證碼、網易易盾驗證等,這些第三方驗證通常須要收費,本文給你們介紹一款免費的拖動驗證碼,使用PHP+javascript實現。 主要技術應用 一、php摳圖 二、js canvas畫圖 三、破解干擾 四、使用webp圖片格式
使用方法 首先引入相關的js和css文件: 而後在須要放置滑塊驗證碼的位置加入以下代碼:
這是一個用來點擊彈出滑塊驗證碼的按鈕。 最後在頁面尾部加上javascript代碼 大功告成,運行頁面,點擊按鈕,彈出滑塊驗證碼,請看在線。 背景圖片你們能夠本身替換,在目錄bg/下。 固然拖動驗證碼的安全性其實並不怎麼樣,它利,而後經過session來驗證
演示下載參考這下這裏:http://t.cn/EyskTlcjavascript