We’ve long had ColdFusion cfm pages that\u00a0fetch images from a remote server using cfhttp\u00a0or the local file system\u00a0and serve them to the client web browser using a combination of the cfcontent, cfheader and\u00a0cfoutput tags. As we move our production version of ColdFusion from version 9 running on Windows Server 2008 R2\/IIS 7 to version 11 running on Windows Server 2012 R2\/IIS 8.5, this image serving inexplicably broke.<\/p>\n
The symptom in the browser was that the image would not show–it would be the browser’s broken image icon instead.\u00a0To begin diagnosing the issue, I loaded the cfm script directly that was serving the image. Again, the broken image icon displayed.\u00a0I then began reviewing the http headers to see if anything was amiss.\u00a0Both the request and response headers looked fine. The Content-Type showed “image\/jpg” and the Content-Length was sufficiently large. As I dug in and compared the working version and the non-working version, one thing stuck out–the Content-Type on the non-working version added “;charset=UTF-8” to the mime type, whereas the working version omitted the charset completely. Here is a visual of what I am describing:<\/p>\n
Working version (CF 9);<\/p>\n
Content-Type:image\/jpg<\/pre>\nNon-working version (CF 11);<\/p>\n
Content-Type:image\/jpg;charset=UTF-8<\/pre>\nIn addition, comparing the\u00a0file sizes\u00a0being returned by inspecting the “Size” column in Chrome’s Developer Tools view,\u00a0I noticed a dramatic difference. The working version was returning 96.6 KB, while the non-working version was returning a much larger 162 KB.<\/p>\n
Since it appeared the the charset setting was the only difference, I tried many thing to either remove it or set it to something else.\u00a0But since the working version was sending it at all, I\u00a0was quite unsure what the charset should be.<\/p>\n
After trying many different charsets, including trying to remove it (didn’t work), and setting the page encoding from ColdFusion, some research finally showed that binary results should have a charset of\u00a0ISO-8859-1. So I changed my cfcontent tag from this:<\/p>\n
<cfcontent type="image\/jpeg"><\/pre>\nTo this:<\/p>\n
<cfcontent type="image\/jpeg; charset=ISO-8859-1"><\/pre>\nAs soon as I made this change, the image began appearing!<\/p>\n