How can I make a link in IE using base64 encoding method?

Question

I am generating a base64 gif on the fly and am trying to make a link to a new page to open a full size version of the gif. This works in chrome, but in IE, only the img thumbnail shows. When someone clicks on the link in IE, a blank page opens.

Any thoughts?

Thanks

Matt

echo '<a href="data:image/gif;base64,'. $data. '" target=_blank>';
echo '<img src="data:image/gif;base64,'. $data . '" width="200"/></a>';

What version of IE are you using?

Musa
– Musa

2012-10-09 02:23:35 +00:00
Commented Oct 9, 2012 at 2:23 — Musa
– Musa, Commented Oct 9, 2012 at 2:23
So far I have just used IE 9. Thanks.

Matt K.
– Matt K.

2012-10-09 02:27:33 +00:00
Commented Oct 9, 2012 at 2:27 — Matt K.
– Matt K., Commented Oct 9, 2012 at 2:27

Musa · Accepted Answer · 2012-10-09 02:44:04Z

4

According to this you cannot use data uri for navigation in IE.

Internet Explorer through version 7 (approximately 5% of web traffic as of September 2011), lacks support. However this can be overcome by serving browser specific content.^[6]

Internet Explorer 8 limits data URIs to a maximum length of 32 KB. (Internet Explorer 9 does not have this limitation)^[4][3]

In IE 8 and 9 data URIs can only be used for images, but not for navigation or Javascript generated file downloads. ^[7]

answered Oct 9, 2012 at 2:44

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matt K. Over a year ago

I had seen the first 2 bullet points but not the third. That would explain it. Thanks for pointing that out Musa.

Sergio Puas · Accepted Answer · 2013-08-13 02:49:08Z

If you use Java, you would create a servlet decoder. Like this: https://gist.github.com/sjpuas/6217394 This works me in all IE versiones

With jquery replace url images like this

if ($.browser.msie && $.browser.version == "6.0") {
                $("img[src*=base64]").each(function (i, img) {
                    var base64 = $(img).attr("src").split("base64,")[1];
                    var encoded = encodeURIComponent(base64);
                    $(img).attr("src", "/myApp/base64Servlet?base64=" + encoded);
                });
            }

Wouldn't this easily hit the max url length of 2083 chars on IE?

Collectives™ on Stack Overflow

How can I make a link in IE using base64 encoding method?

2 Answers 2

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Linked

Related