Image not making it to PDF Export

Hi Everyone,
 
I have a rather involved issue that I need help with.
 
We have a text box on a report design. What happens is the report gets executed and a script onRender gets executed that encrypts an image (that the path is in the database). Sends to client as a url and executes a java script that then decrypts the image and use alternatiff to display the image in the textbox. Now for PDF export this will not work as it does not go to the client for the .js to decrypt and the textbox will not display the bytes. I have put code in that if it is a PDF export then generate the URL with image path as the SRC, but the report will not treat the textbox as an image and resolve the path.
 
Is there anyway that anybody knows around this or ideas?
 
Thanks,

Find more posts tagged with

Comments

JFreeman

What is the code you are using to "generate the URL with image path as the SRC"?
If the output is PDF, you may need to change the script to add an image element instead of using a text box.

mmacmillan74

Here is what I am using. I have obfiscated for proprietary reasons:
 
importPackage( Packages.<app> ); (Scrubbed as proprietary)
{
imagelocation = "Image Location from Database";
if (reportContext.getOutputFormat() == "html"){
 if (imagelocation == null) {
 this.text = "<IMG name=\"test\" src=\"birt/AppImages/DefaultImage.gif\" height=\"150\" alt=\"Loading...\" title=\"Default Image\" >";
 } else {
 imagelocation = imagelocation.replace(/\\/g,"/");
 imagelocationplusID = imagelocation + "[" + reportContext.getPersistentGlobalVariable("<this is a variable that was set on the report initialize script>") + "]";
 encodedresult = "We encode the image location here";
 this.text = "<IMG name=\"test\" src=\"webcontent/birt/AppImages/thumbnailcheck.gif\" onLoad=\"<This is called via javascript to decode the image location for use with alternatiff> <Javascript method to get default image>(this,\'" + encodedresult + "\')\" onerror=\"<javascript method(this)\" height=\"150\" alt=\"Loading...\" title=\"Default Image\" >"; 
 }
 } else {
 imageFilenameWithPath = <Get the front image path using the imagelocation variable>;
 this.text = "<IMG name=\"test\" src=" + imageFilenameWithPath + " onerror=\"<Javascript method to get default image>(this)\" >"; 
 
 } 
}
 
The else block is where I want to put the src to the image filename path for the text box but I venture to guess that a text box won't grab an image by default for obvious reasons. Do you know a quick way to change it to a image widget and set path?
 
Thanks!!

JFreeman

Take a look at the sample report attached this post: <a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/topic/35862-dynamic-textclob-dataset-html-content-not-showing-the-html-embeded-image-base64/?p=137690'>http://developer.actuate.com/community/forum/index.php?/topic/35862-dynamic-textclob-dataset-html-content-not-showing-the-html-embeded-image-base64/?p=137690</a>
 
It's not 100% what you need but it should help you get started.
It has code that shows dynamically creating an image element and adding to a grid in the report. That particular example is for decoding a base64 image however there should only be a few changes required for a URL based image.

mmacmillan74

Thank you so much for the reply! That is for decoding base64 and placing in src. I am trying to just use the path to the image itself. Is there an example of that. 
 
 imageFilenameWithPath = <Get the front image path using the imagelocation variable>;
this.text = "<IMG name=\"test\" src=" + imageFilenameWithPath + " onerror=\"<Javascript method to get default image>(this)\" >"; 
 
I don't know why that is not working. I see the code you wanted me to look at..how can I modify that to just do the path?
 
I see:
 
imgData1=str.split("<IMG src=\"data:image/png;base64,"); Do I need to modify this to remove the base64?
 
Do I just use the setURL message that is commented out and skip all the base64 decoding?
 
img1 = elementFactory.newImage(
"tblCell");
//img1.setURL("<a data-ipb='nomediaparse' href='http://vk.com/images/gifts/256/44.jpg'>http://vk.com/images/gifts/256/44.jpg")</a>
img1.setSource(
"expr");
img1.setValueExpression(
"");
img1.setOnCreate(
"System.out.println(\"onCreate\"); this.data=decodedBytes;");
System.out.println(
"Hello1");
 
Any ideas. Thanks a lot!!

JFreeman

You can dynamically add an image element that is URL based like this:
<pre class="_prettyXprint _lang-js">
var grid = reportContext.getReportRunnable().designHandle.getDesignHandle().findElement("myGridName");
var tblCell = grid.getCell(0,0);

var elementFactory = reportContext.getReportRunnable().designHandle.getElementFactory();
var img1 = elementFactory.newImage("tblCell");
img1.setSource("url");
img1.setOnCreate("this.URL = \"http://vk.com/images/gifts/256/44.jpg\";");

tblCell.getContent().add(img1);
</pre>
That will create the image and add it to the first cell in the grid that is being hooked.
 
I have also attached a simple sample report with this code in place for reference.