---

Pradeep_Navatar wrote:

We have to insert the image in document or Static Resource before displaying  them on VF page.

 

Below is the sample code to insert the images in document through VF page and then display them-

 

-------- VF Page Code --------

<apex:inputFile value="{!propFileBody}" fileName="{!propFileName}" contentType="{!propContentType}" id="iFile"/> // to insert the image in document

<apex:image url="{!URLFOR($Resource.ZipFileName, 'images/vks.png')}" alt="Vivek" /> // to display the image from static resource

<apex:image url="{!VKS_Photo_Url}" alt="Vivek" /> // to display the image from document

 

-------- Apex Controller Code --------

                public String  propFileName{ get; set; }

                public Transient Blob propFileBody{ get; set; }

                public String  propContentType{ get; set; }

 

                Folder fd = [Select id, name From Folder Where name = 'Images'];

                String strOrgId = '';

                strOrgId  = UserInfo.getOrganizationId();

 

                Document doc = new Document();

                doc.Body = propFileBody;

                doc.Name = propFileName;

                doc.ContentType = propContentType;

                doc.Type = propContentType.substring((propContentType.indexOf('/')+1),propContentType.length());

                doc.IsPublic = true;

                doc.FolderId = fd.id;

                Database.SaveResult sr = Database.Insert(doc);

                // above is the code to insert the image in document.

 

String VKS_Photo_Url = '/servlet/servlet.ImageServer?oid=' + strOrgId + '&id='+sr.getId();  // document image Url to directly use on VF page to display image

---

thank you i understand the VF page codes, but im not sure where to go with the controller codes. please elaborate. thank you for your time.