處理流程
使用者請求網頁 --> 背景發送登入界面的靜态頁面 --> 背景在記憶體中生成驗證碼 --> 驗證碼儲存在使用者對應的Session中 --> 傳回驗證碼圖檔到前端
使用者登入界面再加載生成後的圖檔驗證碼 --> 使用者送出資料 --> 比對相應的文本框和Session中的驗證碼
問題1:ModuleNotFoundError: No module named 'PIL'
原因: pip安裝位置錯誤
解決辦法:初次安裝進入了虛拟環境,pycharm上運作使用的預設環境,是以進入預設環境重新安裝了一遍,沒問題
問題2:OSError: cannot open resource
原因: 字型的問題
解決辦法:字型設定為本地已有或者下載下傳相應的字型
本地文字位址: C:\Windows\Fonts
<img src="{% url "getCaptcha" %}" class="identifyCode"/>
3、綁定單擊 切換二維碼事件
<img src="{% url "getCaptcha" %}" class="identifyCode" onclick="changeCaptcha()" />
function changeCaptcha(){
$(".identifyCode").attr("src", "/getCaptcha/?" + Math.random());
}