鐃緒申鐃緒申鐃緒申隼廚鐃緒申个任鐃緒申鐃緒申里任鐃緒申佑鐃緒申鐃�

[JavaScript] data鐃緒申鐃緒申鐃緒申鐃緒申URI鐃緒申鐃緒申鐃淑駕申鐃緒申鐃叔￥申鐃緒申鐃緒申Base64鐃術器申鐃緒申
鐃緒申念鐃淑わ申鐃緒申 Internet Explorer 鐃緒申 data 鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申弍鐃緒申鐃緒申討鐃緒申覆鐃緒申里鐃緒申鐃緒申僂任鐃緒申泙鐃緒申鐃�
[鐃緒申] HTML鐃春ワ申鐃緒申鐃緒申鐃淑醐申鐃緒申鐃夙わ申鐃銃駕申鐃緒申鐃叔￥申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申
表鐃緒申鐃緒申 IE6 鐃叔はわ申鐃緒申鐃緒申鐃緒申鼻鐃�Firefox 鐃緒申鐃緒申OK鐃緒申

鐃緒申鐃緒申亡鐃緒申Mac IE鐃叔も見鐃緒申泙鐃緒申鐃緒申鐃緒申焚鐃緒申鐃�data:鐃緒申鐃緒申鐃緒申鐃緒申砲鐃暑ア鐃緒申鐃緒申鐃緒申鐃緒申帖鐃�

鐃竣は￥申鐃緒申鐃緒申鐃緒申椶覆薐逸申暴个鐃緒申討鐃緒申泙鐃緒申个鐃緒申鐃緒申箸鐃緒申鐃緒申鐃緒申箸任鐃緒申鐃�inside out鐃淑ので￥申data鐃緒申裏鐃瞬わ申鐃緒申atad鐃夙わ申鐃銃わ申鐃殉わ申鐃緒申

atad.cgi 
#!/usr/local/bin/perl -T
#
# $Id: atad.cgi,v 0.1 2006/10/02 20:36:53 dankogai Exp dankogai $
#
use strict;
use warnings;
use MIME::Base64;
use CGI;

sub error{
    print <<"EOT";
Status: 400
Content-Type: text/plain

@_
EOT
    exit();
}

my $q = CGI->new;
my $data = $q->param('data');
error "no data found" unless $data;
$data =~ s{ \A data:  }{}xo;

# http://labs.cybozu.co.jp/blog/kazuho/archives/2006/01/url_base64.php
# http://en.wikipedia.org/wiki/Base64#IRCu
$data =~ tr{[]!*}{+/=;}; 

$data =~ s{ \A (.+?);(.+?), }{}xo;
my ($type, $enc) = ($1, $2);
error "unknown encoding: $enc" unless $enc eq 'base64';
print "Content-Type: $type\n\n", decode_base64($data);

__END__

鐃緒申鐃夙は￥申鐃緒申鐃緒申鐃緒申鐃緒申个鐃緒申鐃緒申鐃緒申妊發�鐃緒申的鐃淑ので￥申鐃瞬ラウ鐃緒申鐃緒申鐃緒申鐃緒申鐃獣ワ申鐃熟わざ鐃夙鰹申鐃緒申鐃銃わ申鐃緒申泙鐃緒申鐃�Firefox鐃緒申Safari鐃叔わ申data:鐃緒申http:鐃術器申鐃緒申鐃淑わ申鐃緒申泙鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申表鐃緒申鐃緒申鐃緒申泙鐃緒申鐃�

Client Source: 
window.onload = function(e){
    // if (! IE ) return;
    var atad = 'http://www.dan.co.jp/~dankogai/cgi/atad.cgi?data=';
    var safe_b64 = function(str){
      var result = '';
      for (var i = 0; i < str.length; i++){
        var c = str.charAt(i);
        result += ( {'+':'[' , '/':']', '=':'!', ';':'*'}[c] || c);
      }
      return result;
    }
    var elems = document.all || document.getElementsByTagName('*');
    for (var i = 0; i < elems.length; i++){
        var src = elems[i].getAttribute('src');
        if (src && src.indexOf('data:', 0) != -1){
            elems[i].setAttribute('src', atad + safe_b64(src));
            //elems[i].setAttribute('src', atad + encodeURIComponent(src));
        }
    }
}

鐃淑駕申鐃緒申留鐃緒申鐃緒申

  • window.addEventListner()鐃熟誌申念鐃淑わ申鐃緒申Mac IE 5鐃叔は使わ申鐃淑わ申鐃獣わ申鐃塾わ申window.onload()鐃緒申鐃緒申僉鐃�
  • encodeURIComponent()鐃緒申IE鐃叔わ申未鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃�
    Kazuho@Cybozu Labs: URL 鐃緒申 Base64
    URL 鐃祝バワ申鐃淑ワ申如鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃熟わ申鐃緒申鐃夙わ申鐃緒申鐃殉まわ申鐃緒申泙鐃緒申鐃緒申鐃塾ワ申鐃緒申鐃緒申鐃緒申1鐃叔は￥申鐃出ワ申鐃淑ワ申如鐃緒申鐃緒申鐃緒申觜緒申腓�鐃緒申鐃獣わ申鐃塾わ申 hex encode 鐃緒申鐃薯けわ申鐃緒申鐃夙わ申鐃緒申鐃緒申 base64 鐃緒申鐃藷コ￥申鐃宿わ申鐃処う鐃夙思っわ申鐃塾でわ申鐃緒申鐃緒申 path 鐃緒申 query 鐃緒申 + 鐃緒申 / 鐃夙わ申鐃獣わ申文鐃緒申鐃緒申鐃緒申鐃曙た鐃緒申鐃緒申鐃緒申泙鐃緒申鐃�
    鐃叔わ申匆陲気鐃銃わ申鐃緒申IRCu鐃緒申Base64鐃緒申Encode鐃緒申鐃淑わ申鐃緒申鐃銃わ申鐃殉わ申鐃緒申
  • 鐃緒申鐃緒申魯如鐃緒申鐃緒申鐃�PATH_INFO鐃緒申由鐃緒申鐃熟わ申鐃緒申鐃夙わ申鐃緒申鐃塾でわ申鐃緒申鐃緒申鐃緒申鐃殉わ申鐃順き鐃淑デ￥申鐃緒申鐃緒申鐃夙￥申path長鐃緒申鐃竣わ申Apache鐃緒申鐃旬わ申鐃緒申里如鐃�data=data:...鐃夙わ申鐃殉わ申鐃緒申鐃緒申

Enjoy!

Dan the Javascripting Perl Monger