URL转义
2015-12-14 20:57
330 查看
在处理一些url的时候常常会出现一些让人意想不到的情况,比如:当图片的链接中有空格的时候,
this.src='http://img.cits-sh.com/UploadImgs/beihaidao20/beihaidao-big (7).jpg'
这并没有任何问题,只是命名存在不合理,浏览器也能正常解析url:
http://img.cits-sh.com/UploadImgs/beihaidao20/beihaidao-big%20(7).jpg
我们发现空格被替换成了%20,但是如果你尝试将url做其他操作的时候,很可能会出现404链接:
<img src="/images/grey.gif" data-original=@string.Format("{0}{1}", apiUrl,url)/>
这时候的url会变成这样:
data-original="http://img03.store.sogou.com/net/a/04/link?appid=100520033&w=390&url=http://img.cits-sh.com/UploadImgs/beihaidao20/beihaidao-big" (7).jpg
这个时候可想而知,图片是没办法正常地显示了。
ASP.NET中解决办法也很简单:
<img src="/images/grey.gif" data-original=@string.Format("{0}{1}", apiUrl, Url.Encode(url))/>
以下是常见转义符:
另外介绍一个很好用的图片自适应剪裁api地址:"http://img03.store.sogou.com/net/a/04/link?appid=100520033&w=390&url
通过设置w的值,你的图片会自动等像素或比例缩放。
this.src='http://img.cits-sh.com/UploadImgs/beihaidao20/beihaidao-big (7).jpg'
这并没有任何问题,只是命名存在不合理,浏览器也能正常解析url:
http://img.cits-sh.com/UploadImgs/beihaidao20/beihaidao-big%20(7).jpg
我们发现空格被替换成了%20,但是如果你尝试将url做其他操作的时候,很可能会出现404链接:
<img src="/images/grey.gif" data-original=@string.Format("{0}{1}", apiUrl,url)/>
这时候的url会变成这样:
data-original="http://img03.store.sogou.com/net/a/04/link?appid=100520033&w=390&url=http://img.cits-sh.com/UploadImgs/beihaidao20/beihaidao-big" (7).jpg
这个时候可想而知,图片是没办法正常地显示了。
ASP.NET中解决办法也很简单:
<img src="/images/grey.gif" data-original=@string.Format("{0}{1}", apiUrl, Url.Encode(url))/>
以下是常见转义符:
+ | URL 中+号表示空格 | %2B |
' ' | URL中的空格可以用+号或者编码 | %20 |
/ | 分隔目录和子目录 | %2F |
? | 分隔实际的URL和参数 | %3F |
% | 指定特殊字符 | %25 |
# | 表示书签 | %23 |
& | URL 中指定的参数间的分隔符 | %26 |
= | URL 中指定参数的值 | %3D |
通过设置w的值,你的图片会自动等像素或比例缩放。
相关文章推荐
- 系统文件操作进一步
- swift学习日记(六) 方法
- scrapy下调试单个函数的方法
- Android:AutoCompleteTextView 随记
- Imageloader<6>-mUIHandler的初始化
- java编写Base64密码器
- SVN相关
- java中的集合之Map接口(四)
- 2015年12月14日 实习总结
- 第九周项目四----广义表算法库及应用1
- Linux异步IO+实例(POSIX IO与 libaio)
- Android Studio——Uri、UriMatcher、ContentUris详解
- [Leetcode]Bulls and Cows
- EXCEL技能之数据去重
- 初学Redis(1)——认识Redis
- EXCEL技能之数据去重
- EXCEL技能之数据去重
- EXCEL技能之数据去重
- Android:shape:表示一张图片
- leetcode -- Search for a Range -- 思路简单,要再做一遍