Learn the most important control and control categories that every architect and developer should include in their projects.
Printing <img> to ColdFusion web app client from server side JSON
I'm working with ColdFusion 9 and JQuery datatables.
I'm using the JQuery databasles server side data capability to page through large datasets. I want to display images in one the fields of the dataset. My images reside outside the webroot for security reasons.
How can I pull the image from the location on the server drive to display in the table. I know I could use cfimage except for the data be returned to the client is JSON.
Is there a way to temporarily load the image in the browser memory so that the img tag can access it?
I'm using the JQuery databasles server side data capability to page through large datasets. I want to display images in one the fields of the dataset. My images reside outside the webroot for security reasons.
How can I pull the image from the location on the server drive to display in the table. I know I could use cfimage except for the data be returned to the client is JSON.
Is there a way to temporarily load the image in the browser memory so that the img tag can access it?
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Ok, I'm doing the below, and it works except for the color of the icon gets changed. Almost like a color negative. Any thoughts?
<cfset thisFile = '#myIcons#unitIcon/#qFiltered.ICON#'>
<cfimage
name="photo"
action="read"
source="#thisFile#"
/>
<cfset qFiltered.ICON = '<img
src="data:image/*;base64,#toBase64( photo )#"
height="20"/>'>
What kind of image - jpg, png, ..?
As a test, do a <cfimage action="writeToBrowser" ...> of #photo# on a separate page. Are the image colors still wrong? Edit If yes, it suggests a problem with the image itself. Try the same test with a few other images. If no, it's a problem with the base64 function.
As a test, do a <cfimage action="writeToBrowser" ...> of #photo# on a separate page. Are the image colors still wrong? Edit If yes, it suggests a problem with the image itself. Try the same test with a few other images. If no, it's a problem with the base64 function.
@_agx_
They are .png.
Tried the <cfimage action="writeToBrowser" ...> which worked fine. If it's a problem with the base64 function what can I do? Do I use a different function, or are my parameters wrong?
Thanks!
They are .png.
Tried the <cfimage action="writeToBrowser" ...> which worked fine. If it's a problem with the base64 function what can I do? Do I use a different function, or are my parameters wrong?
Thanks!
And another tidbit of info. Just found that the images work in FireFox (with the coloring wrong) but do not display in Internet Explorer at all.
Sorry I should've said "suggests a problem with the base64 function" not that it definitely *is* that function. Something could be going wrong with the transfer through jquery. You need to rule that out. Add the same "<img> tag directly to your test page. Does it display correctly?
ie <cfoutput>
<img src="data:image/*;base64,#
</cfoutput>
You could also try reading the image binary and converting that to base64 - instead of using cfimage.
http://www.bennadel.com/blog/2002-Creating-Base64-Encoded-Data-URLs-For-Images-In-ColdFusion.htm
ie <cfoutput>
<img src="data:image/*;base64,#
</cfoutput>
You could also try reading the image binary and converting that to base64 - instead of using cfimage.
http://www.bennadel.com/blog/2002-Creating-Base64-Encoded-Data-URLs-For-Images-In-ColdFusion.htm
Premium Content
You need an Expert Office subscription to comment.Start Free Trial