今天遇到个神奇的问题,前端上传图片到文件服务器上,然后将图片地址传到后台,后台保存路径到数据库中,但是展示的时候路径一直有问题。
比如前端入参
...../953983fd-576b-44fb-ae11-57b5e78ced73?q-sign-algorithm=sha1&q-ak=AKIDmNksnTjNZeV9Y4qo37UcbS6WhdKtaI8j&q-sign-time=1582808716;1582809616&q-key-time=1582808716;
然后后台返回的却是
...../953983fd-576b-44fb-ae11-57b5e78ced73?q-sign-algorithm=sha1&q-ak=AKIDmNksnTjNZeV9Y4qo37UcbS6WhdKtaI8j&q-sign-time=1582808716;1582809616&q-key-time=1582808716;
也就是会将&转义成&
出现这种问题的原因就是springMVC对于特殊字符会进行转义,例如&---->&
但是具体的源码没有找到在哪,后面有时间再去找一下。。。
解决方法可以有以下几种:
1、StringEscapeUtils
java中可以使用 org.apache.commons.lang3 包中的 StringEscapeUtils.unescapeHtml4(String str) 方法来进行解码。
不过会提示这个方法被弃用了,可以使用org.apache.commons.text.StringEscapeUtils,maven依赖如下:
<dependency> <groupId>org.apache.commons</groupId> <artifactId>commons-text</artifactId> <version>1.1</version> </dependency>
String unescapeHtml4 = StringEscapeUtils.unescapeHtml4(sysAd.getImgPath());
通过这个方法就能将已经被转义的字符还原回来。
2、base64编码
前端在传入参数的时候,可以对参数进行base64的编码,然后再传入到后端,然后拿到后端返回数据的时候,进行base64的解码。
引入js文件:
<script src="js/jquery-3.2.1.min.js" type="text/javascript"></script> <script src="js/jquery.base64.js" type="text/javascript"></script>
使用方法:
//对 123321 进行加密 var str = $.base64.encode('123321'); alert(str); //对 str 进行解密 var dstr = $.base64.decode(str); alert(dstr)
3、urlEncode与urlDecode
这个原理也是一样的,因为我这边的入参是图片地址,是一个url,因此可以使用这种方式进行encode与decode
编码
var str = encodeURIComponent('中文');
解码
var str = decodeURIComponent(UrlEncode);