Displaying List of BLOB images

Hello everyone,
i successfully and easily used the steps described in http://forum.java.sun.com/thread.jspa?threadID=5047085 for displaying an image from a BLOB column in a database.
this was the first step in the process of developing a page that displays a list of images. Image for example, a picture album.
Ideally, i'd like to display a list of images for a given user_id. I do not want to use Creator's table component because it's layout and appearance and functionality is not usefull for any of my purposes.
is there any way to dynamically add image components to a JSC page? can i somehow create the number of image components to match the number of rows in a resultset (containing all images for a user)??
I'd greatly appreciate any suggestions.
Thanks.
- P

This could be an issue with image caching in the renderers. Try the SuperImage control from here
http://www.quietlyscheming.com/blog/2007/01/23/some-thoughts-on-doubt-on-flex-as-the-best- option-orhow-i-made-my-flex-images-stop-dancing/

Similar Messages

Problem with displaying BLOB images on JSP page using a servlet

hi. I have a big problem with displaying BLOB images using JSP. I have a servlet that connects to the oracle database, gets a BLOB image , reads it, and then displays it using a BinaryStream. The problem is , this works only when i directly call that servlet, that is http://localhost:8080/ImageServlet. It doesn't work when i try to use that servlet to display my image on my JSP page (my JSP page displays only a broken-image icon ) I tried several coding approaches with my servlet (used both Blob and BLOB objects), and they work just fine as long as i display images explicitly using only the servlet.
Here's what i use : ORACLE 10g XE , Eclipse 3.1.2, Tomcat 5.5.16 , JDK 1.5
here is one of my image servlet's working versions (the essential part of it) :
               BLOB blob=null;
          rset=st.executeQuery("SELECT * FROM IMAGES WHERE ID=1");
          while (rset.next())
               blob=((OracleResultSet)rset).getBLOB(2);
          response.reset();
          response.setContentType("image/jpeg");
          response.addHeader("Content-Disposition","filename=42.jpeg");
                ServletOutputStream ostr=response.getOutputStream();
               InputStream istr=blob.getBinaryStream(1L);
                int size=blob.getBufferSize();
          int len=-1;
                byte[] buff = new byte[size];
                     while ((len=istr.read( buff ))!=-1 ) {
               ostr.write(buff,0,len);
         response.flushBuffer();
         ostr.close(); and my JSP page code :
<img src="/ImageServlet" border="0" > If you could just tell me what i'm doing wrong here , or if you could show me your own solutions to that problem , i would be very greatful ,cos i'm realy stuck here , and i'm rather pressed for time too. Hope someone can help.

I turns out that it wasn't that big of a problem after all. All i had to do was to take the above code and place it into another JSP page instead of into a servlet like i did before. Then i just used that page as a source for my IMG tag in my first JSP. It works perfectly well. Why this doesn't work for servlets i still don't know, but it's not a problem form me anymore . Ofcourse if someone knows the answer , go ahead and write. I would still appriceatte it.
here's the magic tag : <img src="ImageJSP.jsp" border="0" > enjoy : )

Display BLOB (image) column in (interactive) report

Hi,
I have a field called "picture" in my table "details" which is of type BLOB. i also have a field for "MIMETYPE" and "filename"
i additionally have a "name" and "description" columns which i need to display along with the picture as columns in a report (preferably interactive).
i have also modified the BLOB display format as per
http://www.oracle.com/webfolder/technetwork/tutorials/obe/db/apex/r31/apex31nf/apex31blob.htm
what i am missing is the correct query. if possible, i would like to control the size of the picture rendered within the report like say 40*50.
I have also referred to the thread
APEX 3.1 Display BLOB Image
But i don't know how to place the
dbms_lob.getlength("BLOB_CONTENT") as "BLOB_CONTENT"
in my query.
The above also makes the report column as of type "number". is this expected?
Any help would be much appreciated.
Regards,
Ramakrishnan

You haven't actually said what the problem is?
>
I have a field called "picture" in my table "details" which is of type BLOB. i also have a field for "MIMETYPE" and "filename"
i additionally have a "name" and "description" columns which i need to display along with the picture as columns in a report (preferably interactive).
i have also modified the BLOB display format as per
http://www.oracle.com/webfolder/technetwork/tutorials/obe/db/apex/r31/apex31nf/apex31blob.htm
what i am missing is the correct query.
I have also referred to the thread
APEX 3.1 Display BLOB Image
But i don't know how to place the
dbms_lob.getlength("BLOB_CONTENT") as "BLOB_CONTENT"
>
Something like:
select
          name
        , description
        , dbms_lob.getlength(picture) picture
from
          details
if possible, i would like to control the size of the picture rendered within the report like say 40*50.For images close to this size it's easy to do this for declarative BLOB images in interactive reports using CSS. Add a style sheet with:
.apexir_WORKSHEET_DATA td[headers="PICTURE"] img {
display: block;
width: 40px;
border: 1px solid #999;
padding: 4px;
background: #f6f6f6;
}where the <tt>PICTURE</tt> value in the attribute selector is the table header ID of the image column. Setting only one dimension (in this case the width) scales the image with the correct aspect ratio. (The border, padding and background properties are just eye candy...)
However, scaling large images in the browser this way is a huge waste of bandwidth and produces poorer quality images than creating proper scaled down versions using image tools. For improved performance and image quality, and where you require image-specific scaling you can use the database ORDImage object to produce thumbnail and preview versions automatically, as described in this blog post.

Using a devices camera and adding the image to the display list

Hi,
My students and I have not been able to make an AIR app that can take a picture using the devices camera and then add the image to the display list. We are able to open the devices camera and of course take a picture, but that's it.
We've been using these two tutorials/examples:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/CameraUI.ht ml
and
http://tv.adobe.com/watch/adc-presents/input-for-mobile-devices-camera/
I've uploaded our project: http://www.dayvid.com/professor/camera.zip
Can someone help us out?
Thanks!
Below is the main document class:
package {
import flash.desktop.NativeApplication;
import flash.display.Loader;
import flash.display.MovieClip;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.ErrorEvent;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.MediaEvent;
import flash.media.CameraUI;
import flash.media.MediaPromise;
import flash.media.MediaType;
import flash.events.MouseEvent;
     public class Main extends MovieClip{
          private var deviceCameraApp:CameraUI = new CameraUI();
          private var imageLoader:Loader;
          public function Main()
               this.stage.align = StageAlign.TOP_LEFT;
               this.stage.scaleMode = StageScaleMode.NO_SCALE;
                                 camera_btn.addEventListener(MouseEvent.CLICK, cameraBtnClicked);
                      private function cameraBtnClicked(event:MouseEvent):void
                                if( CameraUI.isSupported )
                                                  result_txt.text = "Initializing camera...";
                                                  deviceCameraApp.addEventListener( MediaEvent.COMPLETE, imageCaptured );
                                                  deviceCameraApp.addEventListener( Event.CANCEL, captureCanceled );
                                                  deviceCameraApp.addEventListener( ErrorEvent.ERROR, cameraError );
                                                  deviceCameraApp.launch( MediaType.IMAGE );
               else
                                                  result_txt.text = "Camera interface is not supported.";
          private function imageCaptured( event:MediaEvent ):void
               result_txt.text = "Media captured...";
               var imagePromise:MediaPromise = event.data;
               if( imagePromise.isAsync )
                result_txt.text = "Asynchronous media promise.";
                imageLoader = new Loader();
                imageLoader.contentLoaderInfo.addEventListener( Event.COMPLETE, asyncImageLoaded );
                imageLoader.addEventListener( IOErrorEvent.IO_ERROR, cameraError );
                imageLoader.loadFilePromise( imagePromise );
               else
                result_txt.text = "Synchronous media promise.";
                imageLoader.loadFilePromise( imagePromise );
                showMedia( imageLoader );
          private function captureCanceled( event:Event ):void
               result_txt.text = "Media capture canceled.";
               NativeApplication.nativeApplication.exit();
          private function asyncImageLoaded( event:Event ):void
               result_txt.text = "Media loaded in memory.";
               showMedia( imageLoader );
          private function showMedia( loader:Loader ):void
               this.addChild( loader );
          private function cameraError( error:ErrorEvent ):void
               result_txt.text = "Error:" + error.text;
               NativeApplication.nativeApplication.exit();

Hi,
Do I have to add the picture to the cameraroll in order to add it to the AIR apps display list?
Both examples from Adobe claim that their examples work. Do they not?
In the example, the event handler asyncImageLoaded is never called. The output text field shows -   result_txt.text = "Asynchronous media promise."; So the Event.COMPLETE is being added. But I don't think it's being dispatched.
Any ideas?

How to display a blob image in RTF template's Header.

Hi,
I want to display a blob image (logo company) in my RTF template,
my problem is how i can display this image in the template's Header.
I tried this
<?
<fo:instream-foreign-object content-type="image/jpeg" >
<xsl:value-of select=".//LOGO"/>
</fo:instream-foreign-object>
?>
but was unsuccessful
Thanks in advance.

I tried this
<?
<fo:instream-foreign-object content-type="image/jpeg" >
<xsl:value-of select=".//LOGO"/>
</fo:instream-foreign-object>
?>
but was unsuccessful
sure
what is red elements ?
you template can be looks like
..... some data .....
( after all data )
<?template:footer_logo?>
<fo:instream-foreign-object content-type="image/jpeg" ><xsl:value-of select=".//LOGO"/></fo:instream-foreign-object> (as field )
<?end template?>
<?call-template:footer_logo?> ( in header/footer )
some remarks https://oralublog.wordpress.com/2014/10/04/bi-publisher-11g-footers-and-headers-in-rtf-template/

I want to display BLOB image in JSP Using html tags IMG src=

GoodAfternoon Sir/Madom
I Have got the image from oracle database but want to display BLOB image using <IMG src="" > Html tags in JSP page . If it is possible than please give some ideas or
Send me sample codes for display image.
This code is ok and working no problem here Please send me code How to display using html tag from oracle in JSP page.
<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
<%@ page import="javax.swing.ImageIcon;" %>
      <%
        out.print("hiiiiiii") ;
            // declare a connection by using Connection interface
            Connection connection = null;
            /* Create string of connection url within specified format with machine
               name, port number and database name. Here machine name id localhost
               and database name is student. */
            String connectionURL = "jdbc:oracle:thin:@localhost:1521:orcl";
            /*declare a resultSet that works as a table resulted by execute a specified
               sql query. */
            ResultSet rs = null;
            // Declare statement.
            PreparedStatement psmnt = null;
              // declare InputStream object to store binary stream of given image.
               InputStream sImage;
            try {
                // Load JDBC driver "com.mysql.jdbc.Driver"
                Class.forName("oracle.jdbc.driver.OracleDriver").newInstance();
                    /* Create a connection by using getConnection() method that takes
                    parameters of string type connection url, user name and password to
                    connect to database. */
                connection = DriverManager.getConnection(connectionURL, "scott", "root");
                    /* prepareStatement() is used for create statement object that is
                used for sending sql statements to the specified database. */
                psmnt = connection.prepareStatement("SELECT image FROM img WHERE id = ?");
                psmnt.setString(1, "10");
                rs = psmnt.executeQuery();
                if(rs.next()) {
                      byte[] bytearray = new byte[1048576];
                      int size=0;
                      sImage = rs.getBinaryStream(1);
                    //response.reset();
                      response.setContentType("image/jpeg");
                      while((size=sImage.read(bytearray))!= -1 ){
            response.getOutputStream().write(bytearray,0,size);
            catch(Exception ex){
                    out.println("error :"+ex);
           finally {
                // close all the connections.
                rs.close();
                psmnt.close();
                connection.close();
     %>
     Thanks

I have done exactly that in one of my applications.
I have extracted the image from the database as a byte array, and displayed it using a servlet.
Here is the method in the servlet which does the displaying:
(since I'm writing one byte at a time, it's probably not terribly efficient but it works)
     private void sendImage(byte[] bytes, HttpServletRequest request, HttpServletResponse response) throws IOException {
          ServletOutputStream sout = response.getOutputStream();
          for(int n = 0; n < bytes.length; n++) {
               sout.write(bytes[n]);
          sout.flush();
          sout.close();
     }Then in my JSP, I use this:
<img src="/path-to-servlet/image.jpg"/>
The name of the image to display is in the URL as well as the path to the servlet. The servlet will therefore need to extract the image name from the url and call the database.

Urgent ! Code for Displaying Image from Oracle BLOB image on VB Form

Hi Plz any one have any work to showing a Picuture on Visual Basic Form, i Save the Picure in table and its column type is BLOB where i save picture, now i want to show it on VB form. if anybody knows plz tell me. and if image not found then how can i handle in nvl(field,' ') function.

Refer VB sample on Passing LOB parameters to a stored procedure. It shows how to display and insert the image from VB form to an Oracle Database in a BLOB column.
http://otn.oracle.com/sample_code/tech/windows/ole_db/oledb8/content.html
Chandar

I need to display my Blob image in my report (and also on form page)

Scott,
I followed the APEX advanced tutorial for uploading and downloading files. I have created a form on a table and that table contains a column of datatype BLOB. Now I want to be able to display the (Blob) images that I have uploaded.
As I research the topic, I get the feeling that displaying the BLOB image can only be done in APEX 3.1 and up. Is this true? I have that version of APEX installed on my laptop and have successfully completed the "Defining and Viewing BLOB Data in Oracle Application Express 3.1" tutorial found here: http://www.oracle.com/technology/obe/apex/apex31nf/apex31blob.htm
But I could not do it on the company server that runs APEX 3.0
Even if I did get the approval to have the company APEX application upgraded to 3.1, there still is the issue of scaling the images so that they are not so large. I understand that there is a UTIL.APEX function "GET_BLOB_FILE_SRC" that would do this for me. I read the documentation at:
http://download.oracle.com/docs/cd/E10513_01/doc/appdev.310/e10499/api.htm#CHDICGDA
After reading it, I was still not clear as to how to use it correctly. Is there any documentation on how to implement this function in APEX?
I did find something that I was hoping would help me. The article is entitled "Show Blob of other table in APEX Form" by Dimitri Gielis can be found here: http://dgielis.blogspot.com/2008/07/show-blob-of-other-table-in-apex-form.html
I tried to import the file "blob_support.sql" application (on both APEX 3.0 and APEX 3.1 systems) but got errors. I'm not having very much luck here and would appreciate the help in pointing me in the correct direction.
Help!!
Thanks
LEH

Hello John,
Your information was helpful. I can now see my images in my form.
OK, now I would like to be able to call the image using a Region Source of type SQL instead of the HTML Expression. The reason for this is because I need to use logic to determine if the file is an image or not and to determine wether to show a thumbnail or just a link. I did find a "GET_BLOB_FILE_SRC" Function on the internet that suggests that I could do this but I need some help in making it work in my application.
Here it is as a Region Source of type SQL:
SELECT ID,
NAME,
CASE WHEN NVL(dbms_lob.getlength(document),0) = 0
THEN NULL
ELSE CASE WHEN attach_mimetype like 'image%'
THEN '<img
src="'||apex_util.get_blob_file_src('P4_DOCUMENT',id)||'" />'
ELSE '<a
href="'||apex_util.get_blob_file_src('P4_DOCUMENT',id)||'">Download</a>'
end
END new_img
FROM TEST_WITH_BLOB
If anyone can help me with this that would be appreciated.
Thanks
LEH

I have a SharePoint list, that list contains photos(images), now i want display that images in spgridview?

Hi All,
i have a SharePoint list, that list contains photos(images).
now i want display that images in spgridview.
How can i display?
Thanks in advance!

Hi,
According to your post, my understanding is that you want to display that images in spgridview.
You can use a hyperlinkfield that is bound to the SPGridView. Please refer to:
Add a Hyperlink Image in a SPGridView
You can also use TemplateField or ImageField to render images. Please refer to:
Image not showing in grid view
In addition, here are two similar articles for your reference:
How To: Use SharePoint 2010 WebParts with a GridView Control to get SQL Image Data
type and other Values
DotNetSharePoint: How to display images in gridview from database using asp.net
Best Regards,
Linda Li
Linda Li
TechNet Community Support

Displaying BLOB image by using ADF Faces

Hi all,
I digged the forum but couldn't find any satisfied answer about displaying BLOB images by using ADF Faces.
I have insterted POJO object to Oracle database but couldn't find any way to display blob (in java byte [] ) data in POJO.
I have read the POJO object from database which contains two field; one of them is id field and other is BLOB data which holds GIF or JPG image and I want to display this image another page which contains also other fields / records ...
thanks for your answers
regards...
--baris

This thread at Sun : http://forum.java.sun.com/thread.jspa?threadID=513804&messageID=2445090
talks about two options for creating a graphicImage jsf tag. (img tag)
1. Make the img tag url refer to a servlet (instead of a static image file)
2. Embed the image into the tag as inline base64 encoded data.
2a. Use an <Object> tag with inline data.
1. Looks a bit complex for a simple problem.
2 and 2a don't work with some browsers.
- And I've not yet figured out how to hook into the ADF Faces table-rendering logic to get it to add my image column. My table binds to a collection DataControl, [which in turn retrieves from a findAllItems call on a session facade, which uses my domain model, and wraps up access to a TopLink pesistence layer]. The framework just ignores my byte[] attribute when creating the jsf table from the DataControl. All string, int etc. attributes get represented correctly in the jsf table output.

Displaying blob image using adf

Hi ,
We are using adf in our application. We have to disaply blob image from oracle data base on the adf jspx page.This jspx page consists of 2 jsff files.
I have created an httpservlet and called on the source parameter of image this httpservlet with binding similar as below:
source="/httpServletName?id=#{bindings}}"
I am able to display the image.
But my concern is that I am using iterator for displaying images as there can be multiple records in the table but for every recoed I am getting same image. Please suggest how can I display multiple images coming with respect to various records of data base.
thanks & Regards

Hi,
After attempting the solution given above also I am getting the same issue.
On the jspx page I want to show Imageid, imagedescription and photo .
I have 4 records coming from database on the jspx page. I have found that all the data (imageid, description) is first displayed on the jspx and then control gets transferred on the ImageServlet only once and in request.getParameterMap() I get only one "ID" value i.e. the ID value of last record (4th record) coming from data base and hence in all the 4 records on jspx I am getting the same image (i.e. the image in the 4th record of db). Please help me to proceed on this issue.
On jspx, I have given image source value as :
<af:image shortDesc="image"
id="image1"
source="/imageservlet?id=#{bindings.Id.inputValue}}"/>
Thanks

HELP!!!!Display blob image using JSP

Hi,
I am trying to blob image using JSP but it did not display successfully.
Can someone help, please?
below are the codes snippet:
<td>
<img src="display_image.jsp?ID=<%=request.getParameter("ID") %>" width="115" border="0">
</td>
byte[] image_blob = details.getImageByteArray();
response.setContentType("image/jpeg");
//response.setContentType("image/gif");
//BEGINNING OF SECTION TO DISPLAY IMAGE
/*OutputStream fos = null;
fos = response.getOutputStream();
fos.write(image_blob, 0, image_blob.length);
fos.flush();
fos.close();*/
java.io.FileOutputStream fos1 = new java.io.FileOutputStream("C:\\"+id+".jpg");
fos1.write(image_blob);
fos1.close();
OutputStream o = response.getOutputStream();
System.out.println("o");
o.write(image_blob);
System.out.println(image_blob);
System.out.println("write image");

Use Java Image or BufferedImage instead of obscure byte array for image data.
Here's an example code for a JSP document:
<%
String wid = request.getParameter("percent");
String cost = request.getParameter("suchi");
response.reset(); //IMPORTANT !
response.setContentType("image/jpeg");
// for testing purpose
if (wid == null) wid = "58";
if (cost == null) cost = "3400";
float dleng = Float.parseFloat(wid) * 2.6f;
RenderedImage rimg = drawGraph(dleng);
OutputStream os = response.getOutputStream();
try{
ImageIO.write(rimg, "jpg", os);
catch(IOException e){
os.flush();
%>
<%!
public RenderedImage drawGraph(float barLength){
final int w = 800;
final int h = 18;
final int x = 0;
final int y = 0;
BufferedImage img = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
Graphics2D g2 = img.createGraphics();
Color c = new Color(Integer.parseInt("FF9999", 16));
g2.setColor(Color.yellow);
g2.fillRect(x, y, w, h);
g2.setColor(c);
g2.fillRect(x, y, (int)barLength, h);
g2.dispose();
return img;
%>

Displaying multi-page BLOB on Reports

Hi to all,
I have experience with Forms but unfortunatelly not much with Reports.
I've been succesful at querying and displaying the content of a BLOB column that stores .TIFF images.
I've made the same steps described on the post: Display images from a BLOB
"Field.Source: my blob's column name
Column.File format: image "
I've set the vertical and horizontal elasticity properties of the field and the container repeating frame to Expand.
However, the report only displays the first .tiff image, although the same BLOB column contains multiple images
Do I need to change more properties in the repating frame or in reports in general to achieve this?
Or do I have to iterate this images either programatically?
Either way, how can I do this?
Any help would be appreciated.
Best regards,
Jorge

What it sounds like you are trying to do is have a detail
page listing detail records about documents followed by pages of
those document images.
Try designing two reports, one for the detail pages. Then
design a report to display the just the images. You should
pre-determine if the images exist.
Then combine the two reports onto a new report. This parent
report should reference common value(s) that are the same for all
details.
So first design a query that provides all your information,
including image file names with path and an indicator if the file
exists and all the detail for the detail report and perhaps an
identifier to connect the line item to the image.

Display data from BLOB column.

Hi All,
I want to display data from blob datatype field, which contains HTML and GIF both files.
If I set it's property from file format IMAGE then i get data only gif.
if anybody have answer plz revert back...
awaiting...
Juned

Hi Juned
What I suggest is that you may have overlapping fields. One to show HTML and other to show GIF. You need to add one more column to your table in order identify if the BLOB is GIF or HTML.
In the Format Trigger of each of these two fields, inspect the value of flag column and hide one field if the datatype is not its type.
For instance, if flag field is 0 then hide Image field and show HTML field. If flag field is 1 then show Image field and hide HTML field.
Regards
Sripathy

Rich text box used in Infopath Form not displaying option to get images from Computer

Hello,
We have used "Rich text box" in Infopath Form which is not displaying option to get images from Computer.
Options available are : From Address, From SharePoint
But if we Rich text box in list, then it works fine with "From Computer" option.
can you please help me out to get this option.
Thanks in advance.
REgards,
Jayashri

Hi,
From your description, there is no “From Computer” option to get images with rich text box in InfoPath form.
Per my knowledge, by design there are “From Address” and “From SharePoint” options without “From Computer” option in rich text box in InfoPath form. As a workaround, you can develop a custom InfoPath Rich Text box to do it.
About developing a custom InfoPath control, I suggest you create a new thread on the forum “Visual Studio Tools for Office”, more experts will assist you with InfoPath development.
Visual Studio Tools for Office:
https://social.msdn.microsoft.com/Forums/office/en-US/home?forum=vsto&filter=alltypes&sort=lastpostdesc
Thanks,
Dean Wang

Displaying List of BLOB images

Similar Messages

Maybe you are looking for