Showing an attached image on a CRM form (pure javascript) IE8+ only

Update: September 2012
I had to use this code again and found some users were receiving “Access Denied” errors – as reported in comments to this post. Looks like this is due to a bug in certain versions of IE.

The fix is available here… http://support.microsoft.com/kb/2601307/en-us?sd=rss&spid=15672

Had a requirement to show an image that has been attached through the notes system on a CRM form. Here’s how it’s done:-

To retrieve the image data, I use Daniel Cai’s excellent CRM Web Service Toolkit which still works beautifully in CRM 2011. A simple fetchXML query to retrieve the documentbody from the annotation entity against the related objectid is all it takes.

IE8 onwards appears to support display of inline images under various encoding methods (including Base 64). The syntax is:-

</pre>
<img src="data:image/jpg;base64,IMAGEDATA" alt="" />
<pre>

So here’s the finished JavaScript:-

function form_onload() {

  var id = Xrm.Page.data.entity.getId();

  var fetchXml = [
  "",
    "",
      "",
      "",
      "",
      "",
        "",
        "",
        "",
      "",
    "",
  ""].join("");

  var fetchData = CrmServiceToolkit.Fetch(fetchXml);
  if (fetchData.length == 0) { return; }

  var img = fetchData[0].getValue('documentbody');

  var el = document.getElementById("IFRAME_image");
  if (!el) { return; }

  img = "</pre>
<img src="\&quot;data:image/jpg;base64,&quot;" alt="" />
<pre>";
  el.contentWindow.document.body.innerHTML = img;

}

Hope that helps someone out!

Posted by petecrm2011 on July 11, 2011

https://petecrm2011.wordpress.com/2011/07/11/showing-an-attached-image-on-a-crm-form-pure-javascript-ie8-only/