• URL转义


    在处理一些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))/>

    以下是常见转义符:

    + URL 中+号表示空格  %2B
    ' ' URL中的空格可以用+号或者编码   %20 
    /   分隔目录和子目录     %2F   
    ? 分隔实际的URL和参数   %3F 
    % 指定特殊字符     %25 
    # 表示书签 %23
    & URL 中指定的参数间的分隔符     %26  
    =  URL 中指定参数的值     %3D

    另外介绍一个很好用的图片自适应剪裁api地址:"http://img03.store.sogou.com/net/a/04/link?appid=100520033&w=390&url

    通过设置w的值,你的图片会自动等像素或比例缩放。

  • 相关阅读:
    debian的xfce内多余的菜单位置
    cocos2dx学习笔记之图片分辨率适配
    cocos2dx学习笔记之辅助工具
    cocos2dx游戏开发必备工具之PhysicsEditor【ZT】
    cocos2dx学习笔记之粒子效果
    mac下直接下载xcode的地址
    无需花生壳,dnspod实现ddns
    android和view相关的东西
    android的一些经典三方库
    简单工厂模式扩展工厂方法模式
  • 原文地址:https://www.cnblogs.com/coce/p/5046529.html
Copyright © 2020-2023  润新知