通過七牛雲base64上傳圖片,通過官方示例上傳成功后,根據示例改了一個controller。
通過前端往后端傳base64碼形式進行測試。死活不通過,七牛報400。
仔細排查后發現,示例轉換的base64碼與前端傳來的base64碼稍有區別,
前端通過post傳入的base64碼將 “+” 號改成了 空格 。
網上解決方案
前台處理 :java方法:URLEncoder.encode(str,"UTF-8");js 方法encodeURIComponent(str);
后台處理:URLDecoder.decode(str,"UTF-8");
經測試,編碼形式 會改變一些其他字符,例如 “=”變成了“%3D”
解決方案。
一、JAVA 后端對字符串進行替換
url = url.replaceAll(" ","+");
經過測試,成功。
或者是,前端通過請求頭方式去控制。
- base64加密參數Http傳輸
base64中,加號(+)是base64編碼的一部分,如果將+號轉變為空格,就會導致解密失敗。
現在應該很清楚為什么base64后,通過http請求后,數據丟失的原因了吧。
1、Base64加密后的數據:
gLi5lSf1FW+r1nuhjheOlA2vYlbt1U9kOKnGPPG/LZU+J7qlqUSckCtGfRiQkkqgfZHwEGaBZkpGWuIyZ+tCegU8xj85Xp7bG3Fyfd6k=
在對Base64加密進行http傳輸時,后台收到的數據會出現空格的現象。如下
gLi5lSf1FW r1nuhjheOlA2vYlbt1U9kOKnGPPG/LZU J7qlqUSckCtGfRiQkkqgfZHwEGaBZkpGWuIyZ tCegU8xj85Xp7bG3Fyfd6k=
這就導致傳輸的數據和接收的數據不一致,導致解密失敗
2、base64 http請求,如何將+號進行urlEncode
設置http請求頭(對參數進行urlEncode操作)
Content-Type: application/x-www-form-urlencoded
3、Base64 urlEncode后:
gLi5lSf1FW%2r1nuhjheOlA2vYlbt1U9kOKnGPPG/LZU%2J7qlqUSckCtGfRiQkkqgfZHwEGaBZkpGWuIyZ%2tCegU8xj85Xp7bG3Fyfd6k=
4、后台接收的數據:
gLi5lSf1FW+r1nuhjheOlA2vYlbt1U9kOKnGPPG/LZU+J7qlqUSckCtGfRiQkkqgfZHwEGaBZkpGWuIyZ+tCegU8xj85Xp7bG3Fyfd6k=
這時,接收的base64數據和傳輸的是結果一致,可以正常解密了。
- 什么是:application/x-www-form-urlencoded
簡單的講就是form表單提交。
瀏覽器會對form表單的數據進行url編碼,把form數據轉換成一個字串(name1=value1&name2=value2…),然后把這個字串append到url后面,用?分割,加載這個新的url
如果表單有加號(+),url編碼后會變為%2,這時后接收數據后,對參數解碼后轉變為+號
如果表單有空格,url編碼后會變為+,后台接收數據化,解碼變為空格
2018-11-29更新
今天協助公司程序對接XXX仕支付公司的支付接口出現了這個問題,需要他們協助解決,加密報文中有Base64加密成的“+”號http換成了空格,結果對方也不同意協助,做個記錄吧