Display resized images in table

hi, experts,
I would like to display images on the table view
in the column properties, I choose the "Image URL"
!http://img35.imageshack.us/img35/16/17295270.png!
the images are displayed on the table correctly.
however, I would like to resize the image (not phyiscally resize the images)
I choose Custom Text Format and type _@[html]"<img width=""50"" height=""50"" src=""@H"">"_
!http://img35.imageshack.us/img35/4553/58315768.png!
but the images cannot be displayed
!http://img710.imageshack.us/img710/3879/51723842.png!
thank you very much!

set your column format to HTML and create a sting like:
'<img src= "http://www.commentsyard.com/graphics/smile/smile33.jpg" WIDTH=105 HEIGHT=97>'
Regards John
http://obiee101.blogspot.com/

Similar Messages

Displaying of image in table cells

Hi,
I have a requirement where i need to display an image in table cell editor. Can anyone please tell how to do this.
Thank You,
Madhavi

Hi
The link is related to the same code as well..
First copy all your images into "project/src/mimes/components/<packagename>"
1) First create a new column for image and insert Child "Image" UI Element
2) Create a Context in a view in which you are using Image UI Element
3) Value Node
Name : Image
Cardidality : 1..1
4) create 2 Value Attributes
4)a ImageAlt (Calculate property - true)
4)b ImageSrc (Calculate property - true)
5)Bind the properties of Image
alt - Image.ImageAlt
source - Image.ImageSrc
6) in getImageSrc()
//according to your condition use your image
retrun "XX.gif"
7) in getImageAlt()
return "Image Not Available"
Case 2 :
1) Add a new String attribute to your existing context
2) Right click on your table in RootUIElememntContainer
3) Edit Sturcture Binding
4) Select the context which you modified , Select next
5) in the next step for the newly created attribute select imageUIElement as type
If you want to use that in wdDoinit()
bind the two string value attributes to alt and source properties of ImageUIElement and write the following code
in doinit
wdContext.currentContextElement.set<src>("img1.gif") ;
wdContext.currentContextElement.set<alt>("Image not found") ;
Best Regards
Chaitanya.A

Displaying BLOB images from table in a report

I am trying to upload images to a table, display them in a report afterwards. I have succeeded in the first part, but not in the second. 
 
I can display images in a report if they are in located in wwv_flow_file_objects$ where they are automatically put after 'File browse... + Submit'. 
But, if I move (insert into table + delete from ..object$) I cant display it in a report correctly. I saw the HOWTO document (the code was from there), but for some reason, it doesn't work. 
 
What am I doing wrong? How should I correct the column link or the procedure? 
 
REPORT SQL: 
 
id, 
name, 
filename, 
img src="display?p_photo_id=' || nvl(id,0) || '" height="50" width="50"' 
--wwv_flow_file_objects$ display 
--img src="p?n=' || nvl(id,0) || '" height="50" width="50" ' img, 
BLOB_CONTENT, 
MIME_TYPE 
from images; 
PROCEDURE 'display': 
create or replace procedure display (p_photo_id in number) 
as 
l_mime varchar2(255); 
l_length number; 
l_file_name varchar2(2000); 
lob_loc BLOB; 
begin 
select mime_type, blob_content, name, dbms_lob.getlength(blob_content) 
into l_mime, lob_loc, l_file_name, l_length 
from images where id = p_photo_id; 
owa_util.mime_header(nvl(l_mime,'application/octet'), FALSE ); 
htp.p('Content-length: ' || l_length); 
htp.p('Content-Disposition: filename="' || l_file_name || '"'); 
owa_util.http_header_close; 
wpg_docload.download_file( Lob_loc ); 
end; 
 
Many thanks! 

Alayan - If you're using XE, that shoud be the first thing you tell us. There is a separate forum for that product.
But as long as you're here, a couple points: you reference the "display" procedure in the img tag without qualifying it with an owner. How is the Embeded PL/SQL Gateway supposed to know what "display" is (unless you created a public synonym)? Next, in XE you need to explicitly enable access to procedures that are invoked this way. See the XE forum for discussion about that technique and read the doc here: http://download-uk.oracle.com/docs/cd/B25329_01/doc/appdev.102/b25309/adm_wrkspc.htm#BEJCGJFJ.
Scott

Resize images from table

Hello!
I had following problem.
There is a code, which receives images from one table in RDBMS (images are stored in LONG RAW fields),
reduces them and writes in other table. Here the code:
OracleStatement stmt = (OracleStatement)con.createStatement();
OracleResultSet rs = (OracleResultSet)stmt.executeQuery("SELECT image FROM bigimages WHERE IMGID=1");
if (rs.next()) {
InputStream in=rs.getBinaryStream(1);
OutputStream out = new FileOutputStream("C:\\TMP.JPG");
JPEGImageDecoder decoder=JPEGCodec.createJPEGDecoder(in);
JPEGImageEncoder encoder=JPEGCodec.createJPEGEncoder(out);
BufferedImage sourceImg=decoder.decodeAsBufferedImage();
BufferedImage img=scaleToSize(nWidth, nHeight, sourceImg);
encoder.encode(img);
InputStream fStream = new FileInputStream("C:\\TMP.JPG");
try {
OraclePreparedStatement pstmt = (OraclePreparedStatement)con.prepareStatement("INSERT INTO smallimages VALUES (?,1)");
pstmt.setBinaryStream(1,fStream,fStream.available());
boolean result = pstmt.execute();
pstmt.close();
} catch (SQLException ex) {}
in.close();
out.close();
backimageresize = true;
rs.close();
stmt.close();
But for some reasons it is necessary to do without the temporary file.
How it to make?

You mean you want to do that without using a temporary file? If so, then use these two modified lines of code instead:
OutputStream out = new ByteArrayOutputStream();
InputStream fStream = new ByteArrayInputStream(out.toByteArray());

How to disable resizing images and tables in designMode?

In own wysiwyg editor this function must be disabled. How make it disabled?

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.
*http://forums.mozillazine.org/viewforum.php?f=25
The helpers at that forum are more knowledgeable about web development issues. 
You need to register at the MozillaZine forum site in order to post at that forum.

Image in table dynamically , How?

Hi Experts
I have some requirement to display different image in table based on value attributes. I would be thankfull if some one can help me how to do this programically.I promise to sward points.
Thank you
Maruti

Hi,
keep all of the images in components->mimes folder
there are 2 scenaros,
1) If you are binding a value node (Node A )to the data source property of the Table ,
add a new value attribute(imgSrc) to the node A and while filling the node give the proper values to the imgSrc.
so for each row we have different images to be displayed..you can create a image element and bind the imgSrc to the Image source property of the Image
2) If you are binding a Mode node (Node A )to the data source property of the Table
create A value node(Node B) inside Node A and add a new attribute imgSrc
keep the singleton property of the Node B as false
cretae a supply function and fill the Node
so for each row we have different images to be displayed..you can create a image element and bind the imgSrc to the Image source property of the Image
AM

Load and Display Multiple Images in a Web Dynpro Table

I am new to Web Dynpro and I am wondering if anyone can help me with an application that I am currently developing. I have a particular requirement to store images in a database table (not MIME repository) and then display them in a WD table element. An image can be of JPEG, PNG or TIFF format and is associated with an employee record.
I want to create a view in my application that displays multiple images in a table, one image per row. I want to do this using Web Dynpro for ABAP, not Java. I have looked into pretty much all examples available for Web Dynpro and came to the conclusion that Components such as WDR_TEST_EVENTS and WDR_TEST_UI_ELEMENTS do not have any examples of images being stored in a database table and viewed in/from a Web Dynpro table element. Programs such as RSDEMO_PICTURE_CONTROL, DEMO_PICTURE_CONTROL and SAP_PICTURE_DEMO do not show this either.
The images to be displayed in the Dynpro table are to come from a z-type table, stored in a column of data type XSTRING (RAW STRING). So I would also like to know how to upload these images into this z-type table using ABAP code (not Java).
Your help would be greatly appreciated.
Kenn

Hi,
May be this is the is the correct place to post your query.
Web Dynpro ABAP
Regards,
Swarna Munukoti.
Edited by: Swarna Munukoti on Jul 16, 2009 3:52 PM

How to display an image of BLOB type from a Table in an OAF page?

Hi,
My requirement is that in the database table images gets saved of type BLOB and i have to display these images in my OAF page .I looked in OA developers guide and followed the instruction but unable to achieve my requirement .As per the developers guide "I created an item of type messageDownload ,in the viewattribute i set the view attribute FileData and File View Attribute FileContentType the table used is FND_LOBS" but i couldn't achieve anything.
Please help me and if possible give me exact way to achieve it as i am new to this framework.
Thanks in advance

Map the database table columns to the Table region columns. For image column set the item style as "Messagedownload". Set the View Instance (VO) , View Attibute Name (image name) and View Attribute Data (blob col).

Display image from table!

Hi,
I have in my aplication a table user, where we can save is image:
t_user{id_user, name , adress..., foto(blob),foto_size(number),foto_name,foto_mime_type};
An user can upload his imageand save it in his table!
I wanted to display his image, but i onle found infomation how to show images saved in htmldb_application_files:
how to display image from tables?
Thank's in advance

Look at the sample application. It shows you how to do this

CSS or HTML code to create resizable images to display in small view

I am a book publisher and am publishing books to be read on Adobe Digital Editions. I'm looking for the CSS or HTML code to create resizable images that will display in "small view." Does anyone happen to know how to do this?

hi,
Our customers want to start reports by pushing a button instead of clicking on a link inside a dashboard.Create a dashboard page with all buttons referring to your dashboards....Is that fine???
There u ll refer to your dashboard which has download,refresh all the options
thanks,
saichand.v

Applet Memory Leak - Resizing Images

Hello,
I'm having an issue with a Java Applet I have written. The applet reads a directory listing, and displays resized thumbnails in a JTable. The problem is, if the user loads a directory with a lot of large images, the memory usage sky rockets, and is not freed after the user shuts down the applet.
Below is the code which adds the resized image to a custom table model:
 public void leftClick(){
 main.setCursor(Cursor.getPredefinedCursor(Cursor.WAIT_CURSOR));
 FileSystemView fsv = FileSystemView.getFileSystemView();
 ImageIcon thumbnailIcon = new ImageIcon();
 ImageIcon icon = new ImageIcon();
 File selectedFile = fileTree.getSelectedFile();
 Image scaledImage;
 if(selectedFile!=null){
 if (selectedFile.isDirectory()){
 File subFiles[] = selectedFile.listFiles();
 mvtm.clearList();
 fileTable.removeAll();
 TableColumn col = fileTable.getColumnModel().getColumn(0);
 col.setMaxWidth(35);
 col = fileTable.getColumnModel().getColumn(1);
 col.setPreferredWidth(200);
 col = fileTable.getColumnModel().getColumn(3);
 col.setPreferredWidth(0);
 col.setMaxWidth(0);
 for(int i = 0;i<subFiles.length;i++){
 if(subFiles.getName().toLowerCase().contains(".jpg")||
subFiles[i].getName().toLowerCase().contains(".gif")||
subFiles[i].getName().toLowerCase().contains(".png")||
subFiles[i].getName().toLowerCase().contains(".bmp")){
icon = new ImageIcon(subFiles[i].getPath());
scaledImage = Utils.getScaledImage(icon.getImage(), 30, 30);
thumbnailIcon = new ImageIcon(scaledImage);
}else{
icon = (ImageIcon)fsv.getSystemIcon(subFiles[i]);
scaledImage = Utils.getScaledImage(icon.getImage(), 30, 30);
thumbnailIcon = new ImageIcon(scaledImage);
mvtm.addFileRecord(thumbnailIcon, subFiles[i].getName(),
Long.toString(subFiles[i].length()), subFiles[i]);
main.setCursor(null);
The resize method is here:
 static Image getScaledImage(Image srcImg, int w, int h){
 BufferedImage resizedImg;
 resizedImg = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
 Graphics2D g2 = resizedImg.createGraphics();
 g2.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BILINEAR);
 g2.drawImage(srcImg, 0, 0, w,h, Color.WHITE, null);
 g2.dispose();
 return resizedImg;
 }I have tried to nullify all objects created by overriding the applet destroy method:
 public void destroy(){
 fileTree.getFileTreeListener().clearMvtm();
 addButton = null;
 fileTable = null;
 jLabel1 = null;
 jPanel1 = null;
 jPanel2 = null;
 jProgressBar1 = null;
 jScrollPane1 = null;
 jScrollPane2 = null;
 jScrollPane3 = null;
 messageLabel = null;
 removeButton = null;
 uploadButton = null;
 uploadQueueTable = null;
 fileTree = null;
 fileModel = null;
 uploadQueueModel = null;
 task = null;
 Runtime r = Runtime.getRuntime();
 r.gc();
 }Any help is appreciated.
Ryan
Edited by: rthompson2000 on Sep 24, 2008 10:33 AM

Hi SoulTech,
thanks for the response. Interesting point I forgot to mention. On my machine, the JVM launches separately, (ie, I get the little Java icon in my task tray on the bottom right of my PC). When I close the applet pop-up, the java icon is still there, and the java.exe process is still running in Task Manager. After about a minute or two, the Java icon disappears, and Java.exe is no longer a running process (ie. the memory is gone, but this takes a minute or two! I want this to stop immediately).
When I try this in a friends PC, they don't get the JVM icon in their taskbar, and all of the memory is allocated to the ieexplorer.exe process. After they close the applet pop-up window, browsing is very slow since their IEexplorer memory is very high because of the applet.
can you hook up a profiler?
I'm just getting familiar with the Netbeans profiler. I am able to see that all of the memory is being allocated in the leftClick() method I posted above. All of the memory is being hogged mainly by type int[] in sun.awt.image.ImageRepresentation.setPixels() and java.awt.image.DataBufferInt
can you see the vm in the process table?
See my above explanation. The java.exe process seems to die after a minute or two, but I don't think it frees memory when the VM is running inside the browser (as in the case on my friends PC)
are you sure destroy is even getting called?
How can I be sure? You said it didn't need to have anything in it anyways so does it matter?
are you getting errors?
No errors.

How resize pictures in table on PAGES 5.2?

The new version 5.2 was be optmized for import image in table, but how resize these pictures in table?

DO NOT use Pages 5.2. Use Keynote or Numbers. The latest versions of these apps are stable. Pages 5.2 nothing but trouble.
Here is what I do with my art, which must be perfect for commercial printing and other purposes.
Export the page with your table and art out as a PDF. Then bring the PDF into Adobe Illustator and make any changes you need to get the art looing exactly like what you want. Save the art from AI ouit to PDF. AI creates bullet proof PDF files. Then drag the clean PDF back into Pages.
One reason AI is the preferred route is that Adobe comlpliant PDF files are the standard in the commercial printing industry. These days, all files going to commercial printers must be in clean PDF format. As you would expect, there are some excellent apps for pre-flighint PDF files.
The final reason for using PDF for art is that your illustrations will move cleanly into iBook Author for iBooks and apps for creating international standard ePubs and Amazon MOBI files.

How to insert image into table and to in Oracle 9i intermedia?

Mr Lawrence,
I want to ask something:
I use Oracle 9i intermedia
If i use this script:
CREATE TABLE images (
file_name VARCHAR2(100) NOT NULL,
image ORDSYS.OrdImage
then
CREATE OR REPLACE DIRECTORY imgdir AS 'd:/data';
then
INSERT INTO images (file_name, image)
VALUES ('tree', ORDSYS.ORDImage.init('file','imgdir','tree.jpg' ));
I put tree.jpg in directory d:/data in my hard drive.
Is my tree.jpg file had already get in to my images table?
I'm little confuse, because when i check my table with this script:
select file_name, i.image.getWidth() from images i;
it's show that my i.image.getWidth() for file_name tree is empty.. that mean my tree.jpg doesn't get in to my table.. am i correct?
N also i want to ask how to display to screen all of my image from images table?
Is it posible Oracle 9i intermedia to support display image from table?
How?
thanks Mr Lawrence

-- First step would be to create a directory in oracle and map it to the folder where your image resides.
create directory image_dir as *'c:\image_dir';*
Then you would have to use a procedure to insert the image in your table. SO first create a table to hold the image. Note that you have to use a BLOB to insert the image.
CREATE TABLE test_image
ID NUMBER,
image_filename VARCHAR2(50),
image BLOB
Now let's write the procedure to insert the image in the table above.
CREATE OR REPLACE PROCEDURE insert_image_file (p_id NUMBER, p_image_name IN VARCHAR2)
IS
src_file BFILE;
dst_file BLOB;
lgh_file BINARY_INTEGER;
BEGIN
src_file := BFILENAME ('image_DIR', p_image_name);
-- insert a NULL record to lock
INSERT INTO temp_image
(ID, image_name, image
VALUES (p_id, p_image_name, EMPTY_BLOB ()
RETURNING image
INTO dst_file;
-- lock record
SELECT image
INTO dst_file
FROM temp_image
WHERE ID = p_id AND image_name = p_image_name
FOR UPDATE;
-- open the file
DBMS_LOB.fileopen (src_file, DBMS_LOB.file_readonly);
-- determine length
lgh_file := DBMS_LOB.getlength (src_file);
-- read the file
DBMS_LOB.loadfromfile (dst_file, src_file, lgh_file);
-- update the blob field
UPDATE temp_image
SET image = dst_file
WHERE ID = p_id AND image_name = p_image_name;
-- close file
DBMS_LOB.fileclose (src_file);
END insert_image_file;
Now execute the procedure to insert the image.
EXECUTE insert_image_file(1,'test_image.jpg');
Thanks,
Aparna

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.

How do I display blob (image) in a Portal Report

I am using 9ias 10222 and portal 30983 and I have a table that stores an image as a blob and have a varchar field to store the mime type. I have created a form to upload the image and can then query the form to display the image.
How do I dislay the image in a Portal Report/Dynamic Page Component. I have followed note 68016.1 but the retrieve_img_data procedure does not work it gives a wwv-11230 error.
Any ideas? Any help would be appreciated.
Thanks
Belinda

Hi,
Can you display what code you used for this? I followed note 172045.1 and everything compiles properly but when I run the report, I just get a box with a red X in it, like it is not finding the picture. I ran the procedure that downloads the image and it works fine from there. Thanks.

Display resized images in table

Similar Messages

Maybe you are looking for