asked on
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?
ColdFusion LanguagejQuery
Last Comment
_agx_
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
They're small. ~7kb. Need to display as ~20x15px or so. Looks like I encode them as base 64?
Looks like I encode them as base 64?Yes.
ASKER
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.
ASKER
@_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!
ASKER
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.
SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.