1. 程式人生 > >base64碼通過http傳輸 +號變 空格 問題解決

base64碼通過http傳輸 +號變 空格 問題解決

通過七牛雲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編碼後會變為+,後臺接收資料化,解碼變為空格