Display a local icon in IE extension

Question

I have read the following article. I'm trying to embed an icon using a BHO extension. However, the res:// protocol doesn't work in HTTPS sites. Is there a workaround or alternative to display local images in HTTPS sites?

Answer 1

Answering my own question...

It is possible to embed the image as BASE64 string. For example,

myImg.setAttribute('src', "data:image/png;base64,iVBORw0KG........");

This way, you don't need to use the res:// protocol. You can encode the image in BASE64 at runtime (while the extension is loading for example) or encoding it in advance (like in this example). And most importantly, this works over HTTPS too.