如何使用jquery驗證base64加密和解密的成功

2019-12-11 12:24:46

在專案中想要使用jquery base64加密和解密，可以一直出現了報錯，並加密之後的字串為空，再次解密就會報如下圖所示的錯誤。於是，將base64放在本地範例中執行，檢驗一下是不是base64運用有問題。下面利用範例講述base64加密和解密，操作如下：

第一步，開啟HBuilder，在指定的Web專案建立靜態頁面base64.html；並引入jquery和base64的核心js檔案，如下圖所示：

第二步，在<body></body>標籤元素內插入三個input輸入框，分別用於輸入原字串，顯示加密後字串和解密之後字串，如下圖所示：

第三步，再在三個輸入框下方插入兩個按鈕，一個是加密按鈕，另一個是解密按鈕，如下圖所示：

第四步，分別在<script></script>中新增加密和解密按鈕點選事件，獲取字串回填，如下圖所示：

第五步，儲存該靜態頁面程式碼，在瀏覽器中預覽並操作加密和解密按鈕，檢視輸入框顯示的內容，如下圖所示：

第六步，再次輸入包含字母、數位和特殊字元的字串，加密和解密都正常，說明這個base64加密解密沒有問題，是專案中的js檔案對base64加密解密有影響，如下圖所示：