天天看點

django pillow:圖檔驗證碼

處理流程

  使用者請求網頁 --> 背景發送登入界面的靜态頁面 --> 背景在記憶體中生成驗證碼 --> 驗證碼儲存在使用者對應的Session中 --> 傳回驗證碼圖檔到前端

  使用者登入界面再加載生成後的圖檔驗證碼 --> 使用者送出資料 --> 比對相應的文本框和Session中的驗證碼

問題1:ModuleNotFoundError: No module named 'PIL'

原因: pip安裝位置錯誤

解決辦法:初次安裝進入了虛拟環境,pycharm上運作使用的預設環境,是以進入預設環境重新安裝了一遍,沒問題

django pillow:圖檔驗證碼

問題2:OSError: cannot open resource

原因: 字型的問題

解決辦法:字型設定為本地已有或者下載下傳相應的字型

本地文字位址: C:\Windows\Fonts

django pillow:圖檔驗證碼
django pillow:圖檔驗證碼
django pillow:圖檔驗證碼
<img src="{% url "getCaptcha" %}" class="identifyCode"/>           
django pillow:圖檔驗證碼

3、綁定單擊 切換二維碼事件

<img src="{% url "getCaptcha" %}" class="identifyCode" onclick="changeCaptcha()" />

function changeCaptcha(){
    $(".identifyCode").attr("src", "/getCaptcha/?" + Math.random());
}