转于:http://flysnowxf.iteye.com/blog/1271810
-------------------------------------------------------------
针对于一些小的数据,可以在网页中直接嵌入,而不是从外部文件载入,比如图片。这样的好处是可以减少一次http的请求,缺点是使得页面内容变大。 data类型的url格式在98年就已经提出了,现在绝大部分的浏览器都能支持,比如使用IE6内核的国内浏览器,chrome和firefox等,但 IE8上使用有问题,图片显示不完整。
data类型的url有以下几种形式:
- data:,<文本数据>
- data:text/plain,<文本数据>
- data:text/html,<HTML代码>
- data:text/html;base64,<base64编码的HTML代码>
- data:text/css,<CSS代码>
- data:text/css;base64,<base64编码的CSS代码>
- data:text/javascript,<Javascript代码>
- data:text/javascript;base64,<base64编码的Javascript代码>
- data:image/gif;base64,base64编码的gif图片数据
- data:image/png;base64,base64编码的png图片数据
- data:image/jpeg;base64,base64编码的jpeg图片数据
- data:image/x-icon;base64,base64编码的icon图片数据
data类型的图片格式为:
- <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAg...省略N个字节"/>
以图片为例,生成此数据的伪代码为:
- // 定义存放图片字节
- data[]
- // 打开图片,内容放入data中
- open(file_url, data)
- // 分析图片信息
- info = image_info(data)
- // 图片类型
- media_type = info.media_type
- // 对图片内容进行base64编码
- enc = base64(data)
- // 最后按照格式拼接字符串
- data_url = "data:" + media_type + ";base64," + enc
生成此数据的工具,你可以访问此网页试试http://dataurl.net/#dataurlmaker
参考:
http://hi.baidu.com/fegro/blog/item/c5492a0a0cb562bd2fddd45b.html
http://www.iteye.com/topic/1117213
相关推荐
$(function(){ //给文本框添加失焦事件 $("#sname").blur(function(){ ... $("#aa").html(data);//innerHTML 给span赋值 }, error:function(){//失败的回调函数 alert("有误"); } });
2、URL 在 WEB 中的表现形式 共三种表现形式: 1、绝对路径 特点:从文件所在的最高级目录处开始查找资源文件所经过的路径,就是绝对路径 使用场合:当想访问互联网上的资源时,只能用绝对路径 完整的绝对路径...
API - url: '', // string, 接口地址(必须) - container: '', // string, 容器(必须) - tpl: '', // string, 要解析模板的字符...- tplFn:null, // function, 将data解析成html的函数(不依赖handlebars时使用) - cal
装入页面的URL地址 Map(可选): (可选)发送到服务端的键/值对参数 callback (Function): (可选) 当远程页面装入完成时执行的函数 function (data, textStatus) { // data可以是xmlDoc, jsonObj, ...
dataType:"json",//ajax接口(请求url)返回的数据类型 success:function(data){//data:返回数据(json对象) var d = eval("("+data+")"); if(d.PARTNO == "exists"){ (PARTNO.next...
下载.gz文件建造URL: http://[SERVER_NAME]/api/report/v2/create_ship场地类型解释items [Number] KanColle游戏api中从api_item1到api_item5的构造项目kdockId Number Dock ID,示例:[0,3],请注意索引是基于0的...
* HTML代码:<div id="data_box"> * js代码如下 */ $('#data_box').scrollAjax({ page: 1, //从第几页开始 rows: 20, //每页多少条 url: '/goods.php', //URL链接 data: '', //POST的数据 type: 'get', //...
product<-data.frame() for(i in start:end){ Sys.sleep(1) ##网页输入 url(url,'#',"i") web<-read_html(url,encoding="UTF-8") #读取数据,规定编码 ##读入序号 num<-web %>% html_nodes("span.zg_rankNumber")...
webwork中的标签分为两种类型: 通用标签和HTML标签。 除了功能和职责外这两种类型标签最大的区别是HTML标签支持模板(templates)和主题 (themes)。除了基本的参考外,我们将提供个个标签在所支持模板语言中的...
首先我们给将来的 chm 文件的窗口标题条指定与 chm 内容相符的文字(如果不指定,则软件默认为“帮助”):按[Project]项目选项中左边第三个按钮“新建/编辑窗口显示风格”,在弹出的窗口类型中随便输入一个名字...
其原理很简单,结构上基本不变,只是改变处理返回数据的方式. 1.Text/HTML格式 这种返回类型处理很简单,直接就当作字符串用就行...function ajaxText(url,jsonData,getMsg) { //创建Ajax对象,ActiveXObject兼容IE5,6
只要爬取.clearfix li>a>img元素里面的src属性和alt属性即可获得图片url和图片标题,实现代码如下 // 采集规则 $rules = [ ...$data = (new QueryList)->Query($url,$rules,'','UTF-8','GB2312'
复制:步骤1:打开Seismic Data.py步骤2:在Data_url / line12(下面的参考)上, data_url =“ ” 将starttime =和endtime =更改为您想使用该方法的任何时间段。 注意:最多31天,最少1天 第3步:运行Seismic ...
HTML5中的Blob对象和MYSQL中的BLOB类型在概念上是有点区别的。MYSQL中的BLOB类型就只是个二进制数据容器。而HTML5中的Blob对象除了存放二进制数据外还可以设置这个数据的MINE类型,这相当于对文件的储存,其它很多二...
独立IP,默认是N,就是在Data/iptables.log文件中没出现过的当为独立ip。双击单元格可以修改文本内容。点击最后的删除可以删除此行记录。修改或添加后可别忘记了按右下角的保存按钮哦。数据库tab表格简单明了就不多加...
来源很简单-它由ajax调用以获取json中的当前状态和该来源的类型的URL组成。 面板由面板定义数组组成。 这些定义包含名称的详细信息,这些面板的可选标题以及每个面板使用的源。 每当更新源时,它将随后更新引用该源...
data 上传时附带的额外参数 object - - accept 接受上传的文件类型 string - - on-preview 点击文件列表中已上传的文件时的钩子 function(file) - - on-remove 文件列表移除文件时的钩子 function(file, fileList...
link_others_data3=BeautifulSoup(link_others[2].decode(),'html.parser').find_all('a',attrs={'class':'a_title2'}) s="" for i in range(0,len(link_others_data3)): ##print (link_others_data3[i].text....
在表单中使用enctype="multipart/form-data"属性来指定文件上传的编码类型 文件下载: 1.配置文件下载的控制器(Controller): 创建一个控制器来处理文件下载的请求。控制器可以使用@GetMapping注解来处理GET请求,...