站长资讯:base64编号照片做为背景照片的这类技术性

一、base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一，可用于在HTTP环境下传递较长的标识信息。 某人： 唉，我彻底废柴了，为何上面明明是中文，洒家却看不懂嘞，为什么？ 好吧，我也不喜欢专业术语的解释。你只要知道，base64编码就是长得像下面这样子的代码： thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg== 上

　　一、base64百度百科

　　Base64是互联网上最普遍的用以传送8Bit字节数编码的编码方式之一，可用以在HTTP自然环境下传送较长的标志信息内容。

　　别人：唉，我完全废材了，为什么上边本来是汉语，洒家却不明白嘞，为何？

　　行吧，因为我讨厌专业名词的表述。你要是了解，base64编号就是说有点像下边这模样的编码：

　　thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg==

　　上边编码大伙儿都了解吧，迅雷下载链接哦（哼哼，该详细地址很纯真），就是说base64编号后的详细地址，因此之后见到这类：一堆持续英文字母，最终有1~2个“=”的编码就是说base64。

　　base64:URL就是说URL详细地址是base64编号的。

　　比如下边这一：

　　二、base64与文档数据编码

　　在互联网中，根据HTTP传送的文档可以根据base64对数据信息开展编号开展传送。就如上边的这一base64的gif文件格式照片。自然，能够 base64编号的文档不仅是照片，还可以是字体文件，比如（正中间有默认设置）：

　　@font-face{

　　font-family:forTest;

　　src:url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAh4…RFERuENEGADl7JlY=)format(‘woff’);

　　}

　　当然，针对background-image照片，人们还可以应用base64编号开展传送，比如：

　　background-image:url(data:image/gif;base64,R0lGODlhBAABAIABAMLBwfLx8SH5BAEAAAEALAAAAAAEAAEAAAICRF4AOw==);

　　而应用base64编号做为background-image照片就是说文中要主要论述的。

　　三、怎样得到照片的base64编号

　　实际上在我以前“根据HTML5的可浏览多照片Ajax提交”及其“zSlide-根据CSS3/HTML5演试文本文档jQuery软件”事实上就与照片的base64编号的获得打了交道了。以下当地图片格式转换成可浏览的base64编号的关键脚本制作：

　　varreader=newFileReader(),htmlImage;

　　reader.onload=function(e){

　　htmlImage=‘

　　

　　’;//这儿e.target.result就是说base64编号

　　}

　　reader.readAsDataURL(file);

　　上边说的你只必须掌握，事实上，现阶段base64编号专用工具许多，针对人们前端开发制做，下边这一当地照片base64编号获得网页页面是最该强烈推荐的：EncodeDataURLByPuterJam

　　立即将桌面图片移到一条条里就会有了回应的background-imageurl特性能用的base64详细地址了：

　　该变换网页页面的基本原理就是说上边常说的HTML5文档当地浏览基本原理，实际能够 自身查看材料。

　　四、应用base64:URL的优点和缺点

　　本人感觉base64:URL传送照片文档的益处取决于：

　　1.降低了HTTP恳求

　　2.一些文档能够 防止跨域的难题

　　3.没有图片升级要传上去，也要清除缓存的难题

　　不够取决于：

　　1.电脑浏览器适用

　　应用base64编号照片做为背景照片的这类技术性IE6/IE7电脑浏览器是不兼容的（IE9电脑浏览器IE7方式下适用，这儿被@前端开发的那说破事瞧不起了）。针对现阶段PC网页页面，兼容问题使沒有上传文件及其不用升级缓存文件的优势不会有了。

　　2.提升了CSS文档的规格

　　base64编号照片实质上是将照片的二进制尺寸以一些英文字母的方式展现，比如一个1024字节数的照片，base64编号后最少1024字符，这一尺寸会被彻底置入到CSS文档中（但是好运的是还可以被gzip了，而照片文档被gzip实际效果不显著）。

　　3.编号成本费

　　照片进行后还必须base64编号，现阶段估算手工制作进行的多，因而，提升了一定的劳动量，尽管很少。

　

转载请注明: 爱推站 » 站长资讯:base64编号照片做为背景照片的这类技术性