注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

面包会有的

php asp 高端网站开发 微信网站开发 视频会议软硬件

 
 
 

日志

 
 

data URL简介  

2014-03-15 00:28:57|  分类: jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
尝试过直接在HTML中插入图片(不用链接到外部文件)吗?
使用data URL可以办到!

注意:
IE不支持data URL,Opera完全支持,Firefox也支持,但是有小问题。

小试一下:
将下面的“代码”复制到浏览器地址栏,回车,看看 

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAABGdBTUEAALGPC/xhBQAAAKRJREFUOE/VlOsKwCAIhdub92j1ZE1wmBztQrXBZH+U9eHl6FVKCduWcw4E2rSUUozxAZGzbET5EATdc7MeZMQImoT+OAi4HsgiAKdZTVCfwkSdlw+aoQBrDII2WZcLdECQTh8kBY5BMDLrcqd+B2qNT8ebpVHB8J9VtkRESuPx20vl6vtlZbPGzuyasA5svyz3gXs0f3lrs0XmHFqzuixr7+XVDf8PGwFWJXUrAAAAAElFTkSuQmCC

data URL通俗格式
data:<mediatype>;base64,<base64编码>

列出常见的mediatype:
png:image/png
bmp:image/bmp
jpg,jpeg,jfif:image/jfif
mp3:audio/mp3
swf:application/x-shockwave-flash
rar:application/x-rar-compressed
zip:application/x-zip-compressed
exe:application/x-msdownload

base64编码简介:
把文件按二制连续写开:1100111100000110000......
然后,依次取6位,替换成下列字符:
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 + /
例如,000000替换成A,000010替换成C,111111替换成/,依此类推
如果出现了无法对齐的情况(例如对于1字节的文件,只有8位,而Base64编码只能处理6位或者位),将原文件补0再处理即可。严格一些,要在Base64编码后面补充一个或者两个等号=,实现对齐
标准的base64编码还要求每76个字符换一行

如果要在HTML中加入图片,可以像这样:
<IMG  SRC="data: ....">

提示:data URL不适宜用于大文件,推荐2M以下文件,如果要安全些,400K以下比较好。

<div>
<span class="mod_select qb_mr10 qb_mb10" id="sprovince" data-url="http://1.com/plus/action/citylist/get?id=osXr8jlwWtkZQ-5tr3pNKXBwBa7g&v=327ad5f46b2d27a0b44140cb554373a0">
<select name="pvid" id="province">
<option value="-1">选择省</option> 
</select>
</span>
<span class="mod_select qb_mr10" id="scity" data-url="http://1.com/plus/action/citylist/get?id=osXr8jlwWtkZQ-5tr3pNKXBwBa7g&v=327ad5f46b2d27a0b44140cb554373a0">
<select name="ctid" id="city">
<option value="-1">选择市</option> 
</select>
</span>
<span class='mod_select qb_mb10'>
<select name="regionId" id="regionId">
<option value="-1">选择区</option>
</select>
</span>
</div>



  评论这张
 
阅读(390)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017