Loving Coding & Visual Design

网页中直接嵌入小图片的办法

到年底准备给朋友发发贺卡,可是觉得发送HTML页面和贺卡图片太麻烦,记得曾经看到过可以在网页中直接嵌入图片二进制代码,让网页与图片合二为一的简单办法,但是没仔细看,现在翻出来看看。原来根据RFC 2397的说明,它们提供了一个在URL中嵌入数据的便捷方案。HTML中的URL可以用一下格式来表达数据:

data:[<mediatype>][;base64],<data>

mediatype表示:文件类型;如:image/gif,image/jpeg,image/png,text/plain等。
base64表示后面的data用base64的编码,PHP可以用base64_encode。

例如:

< img xsrc= " data:image/gif;base64,base64编码的数据 ">

如果需要提到的是,这种方法只是用于标准的浏览器,如FireFox,Opera,IE我试过不行,不知道谁有好的解决办法。另外,data的数据也不宜太长,最好长度在1024以内。

显示在网页里的效果:



下一页


最 近 文 章

  1. 在普及(PHUKET)皮皮岛的日子 - Sun, 13 May 2007 11:57:31 +0000
  2. 终于可以用中文发贴啦 - Fri, 04 May 2007 12:26:47 +0000
  3. 缅甸签证申请经验 - Mon, 23 Apr 2007 03:04:51 +0000
  4. Yahoo搜索的新动向 - Thu, 05 Apr 2007 06:37:33 +0000
  5. 境外旅游保险 - Tue, 27 Mar 2007 13:10:34 +0000
  6. 签证申请经验:越南和泰国 - Wed, 21 Mar 2007 13:36:30 +0000
  7. 初步确定东南亚自助游行程 - Sun, 18 Mar 2007 16:55:11 +0000
  8. IIS绑定域名加PHP空间 - Sun, 11 Mar 2007 17:20:35 +0000
  9. MySQL server has gone away - Tue, 06 Mar 2007 13:37:29 +0000
  10. 终于收到了护照,下一步是VISAs - Mon, 05 Mar 2007 13:11:06 +0000