Data URI schema provides a way to include data in-line in a web page (wikipedia). More importantly, it allows the data to come from a stream of bytes generated in your own browser and not the server. This post talks about usages of Data URI with a fun example with a URL shortener, about how we use Data URI in norbt.com, and finally about IE limitations and how we attempt to mitigate them in norbt.com.
What does it look like?
This is how the data URI for our logo will look like:
data:image/png;base64,iVBORw0KGgoAA .... 5ErkJggg==
The (….) is missing base64 data representing the image.
This is the image embedded as Data URI:
You could do view source code for this page to view the whole data URI for our logo.
Hacking with Data URI schema
Lots of interesting things can be done with Data URI schema. The main purpose on the net seems to be to limit the amount of hits required to load a page by embedding the images inside your html or css with data URIs.
There are other interesting usages which you can easily try.
Image in URL shortener
You can send an image via a URL shortener. You just give your data URI for your image to the URL shortener service instead of a URL. For example, if you had a tinyURL pointing to a Data URI instead of a URL, the link would go directly to the image (a Data URI with the image).
Example: http://tinyurl.com/y9auh64 (this may not work properly in some browsers, tested in FF3.6 and Opera10. In Chrome you may have to resubmit the redirected URL by moving focus to URL and pressing enter. We have not tested with IE8).
You can store your images as text anywhere as Data URI. You can send emails with just the appropriate link to the image.
These are just some of the many uses of Data URI.
Norbt.com usage of Data URI
In norbt.com we use DataURI to provide a link to download files inside your norbt, and to provide a preview of the images inside your norbt.
By using DataURI that are generated in the browser, the decryption and display of the message happens in the browser without server intervention.
IE Limitations
As you may be able to guess, Internet Explorer 8 limits the size Data URIs to 32K. Hopefully this limit will disappear with Internet Explorer 9.
We think that if it wasn’t due to the poor support of Internet Explorer for Data URI, they would be a lot more popular. It would probably make web pages more interesting as well, because more people would be inclined to use this capability.
If you or your users insist on using IE, we provide an applet that allows you to download the file from the browser, without server intervention. It works, but it adds an additional step that is not necessary in most modern browsers.
Get@Energy.Boost.Online” rel=”nofollow”>..…
Buyno prescription jui…
accupril@and.muscle.pain” rel=”nofollow”>……
Buynow it zdg…
Get@Accupril.Online” rel=”nofollow”>..…
Buyit now irl…
Purchase@Discount.Accutane” rel=”nofollow”>.…
Buygeneric drugs mby…
Buy@Generic.Accutane” rel=”nofollow”>……
Buygeneric meds svb…
Buy@Cheap.Aciphex” rel=”nofollow”>……
Buywithout prescription ccw…
Buy@Generic.Aciphex.Without.Prescription” rel=”nofollow”>……
Buyit now knc…
Cheap@Aciphex.Without.Prescription” rel=”nofollow”>……
Buyit now sge…
Buy@Generic.Actonel.Without.Prescription” rel=”nofollow”>.…
Buygeneric drugs ouw…
Order@Actonel.Without.Prescription” rel=”nofollow”>..…
Buyno prescription jwi…
Buy@Cheap.Advair” rel=”nofollow”>.…
Buygeneric drugs hwi…
Order@Cheap.Advair” rel=”nofollow”>……
Buygeneric drugs vbr…
Purchase@Advair.Online” rel=”nofollow”>..…
Buyno prescription jui…
Order@Generic.Advair” rel=”nofollow”>..…
Buydrugs without prescription hak…
Purchase@Generic.Advair” rel=”nofollow”>.…
Buynow it lmg…
Buy@Generic.Advair.25mcg50mcg.25mcg125mcg.25mcg250mcg.50mcg500mcg.50mcg100mcg.50mcg250mcg” rel=”nofollow”>..< …
Buyno prescription lka…
Buy@Albenza.Online” rel=”nofollow”>.…
Buyit now ojb…
Purchase@Discount.Albenza” rel=”nofollow”>……
Buynow fjl…
aciphex@cancer.buy” rel=”nofollow”>..…
Buygeneric drugs…
aloe@vera.juice.benefits.best” rel=”nofollow”>.…
Buygeneric meds…
abilify@and.sleep.issues” rel=”nofollow”>..…
Buydrugs without prescription…
aloe@vera.juice.for.sale” rel=”nofollow”>..…
Buyit now…
..…
Buyit now…
side@effects.of.aricept” rel=”nofollow”>..…
Buyit now…
buy@real.strong.armour” rel=”nofollow”>.…
Buydrugs without prescription…
hiv research being conducted in usa…
Buy_generic pills…
mike divorce cancer tiffany…
Buy_generic pills…
advair and contraindications…
Buy_generic meds…
canine heat cycles…
Buy_without prescription…
boulder valley asthma and allergy clinic…
Buy_no prescription…
urinary tract infection canine…
Buy_generic pills…
behavior symptoms of prescription drug addiction…
Buy_generic meds…
honey for diabetes…
Buy_generic meds…
warfarin sod…
Buy_drugs without prescription…
conquer online hacking tools…
Buy_generic drugs…
verapamil side effects…
Buy_drugs without prescription…
symptoms of prescription drug abuse…
Buy_drugs without prescription…
red wine and lipitor…
Buy_no prescription…
death rate of hiv…
Buy_it now…
follistim increase estradiol levels…
Buy_generic drugs…
working and twin pregnancy…
Buy_now it…
trigger point injections with lidocaine…
Buy_without prescription…
steroids and weight gain…
Buy_generic pills…
how to embed pictures ms office…
Buy_drugs without prescription…
effexor xr 75…
Buy_generic pills…
genital erection…
Buy_now it…
low fat diets history…
Buy_drugs without prescription…
adhd cant take stimulants adult…
Buy_it now…
adult survivors of childhood cancer…
Buy_generic pills…
singapore secure psychiatric forensic unit…
Buy_no prescription…