data url 用法

quicker · 发表于 2012-6-6 15:41:43

data url 用于直接内嵌资源文件，
HTMLayout 以及 IE8+，Firefox，Chrome，Opera，Safari 等浏览器都支持该语法。

下面是使用范例：

import win.ui;
/*DSG{{*/
var winform = ..win.form( bottom=399;parent=...;right=599;text="aardio Form" )
winform.add(  )
/*}}*/

import web.layout;
var wbLayout = web.layout(winform);

wbLayout.html = /*********
<html>
  <head>
<style>

   div.test  {
      background-image: url(data:image/gif;base64,
      R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw
      AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz
      ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp
      a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl
      ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis
      F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH
      hhx4dbgYKAAA7);

      background-repeat:repeat;
      width:200px;
      height:200px;
      border:1px solid black;
   }

</style>
  </head>
<body>
  <h1> Data URL 演示</h1>
<div .test />
</body>
</html>
*********/

winform.show()
win.loopMessage();

data url也可以直接用于html中，例如img图像节点的src属性。

quicker · 发表于 2012-6-6 15:43:05

“aardio范例->HTMLayout->Data URL转换工具”
可将图像文件等自动转换为Data URL，源码如下：

//Data URL 转换工具
import win.ui;
/*DSG{{*/
var winform = ..win.form(text="Data Url 转换工具(支持HTMLayout,Chrome,Firefox,IE8+,Opera,Safari)";left=-50;right=416;bottom=325;topmost=1)
winform.add(
edit={cls="edit";left=9;top=9;right=455;bottom=292;acceptfiles=1;db=1;dl=1;dr=1;dt=1;edge=1;font=LOGFONT( name='宋体' );hscroll=1;multiline=1;vscroll=1;z=1};
static={cls="static";text="请将图片等文件拖放到上面的文本框中进行转换";left=11;top=300;right=433;bottom=324;db=1;dl=1;transparent=1;z=2}
)
/*}}*/
getDataUrl = function(path,mime){
import crypt.bin;
if( string.startWith(mime,"image/" ) ){
return string.format('<img src="data:%s;base64,\r\n%s" >',mime,crypt.bin.encodeBase64( string.load(path) ) )
}
else{
return string.format('data:%s;base64,\r\n%s',mime,crypt.bin.encodeBase64( string.load(path) ) )
}
}
import fsys;
import fsys.mime;
winform.edit.wndproc = function(hwnd,message,wParam,lParam){
if( message == 0x233/*_WM_DROPFILES*/ ){
if( winform.edit.busy ) return;
var path = win.getDropFile(wParam)[1]
if( fsys.isDir(path) ){
winform.edit.text = "路径不能是一个目录"
return;
}
var mime = fsys.mime.fromFile( path )
if(!mime){
winform.edit.text = "无效的文件格式";
return;
}
winform.edit.busy = true;
winform.edit.text = "正在转换,请稍候......";
winform.edit.text = win.invoke(getDataUrl,path,mime);
winform.edit.busy = false;
}
}
winform.show()
win.loopMessage();

复制代码

		自动登录	找回密码
密码			注册会员