I want to display two records Last name, upload_image from contact object, where upload_image is a rich text field and which is used to store an image in that field. But all the records in object does not have image except some of them can have.

if i display all the records in page from contact, last name will display from its object(as shown in pic). Like wise upload_image has to display its value if the record has an image. If that record does not have image, its need to take the image from document and need to display in visual force page.

To achieve this, I tried with the following code. But i did not get perfect output.


public class ImageUpload {

    public String image {set;get;}
    public integer value {set;get;}
    public List<contact> cons {set;get;}

    public void main(){
        image = '/servlet/servlet.FileDownload?file=01528000002TdaY';
        cons = [select Lastname, upload_image__c from contact];

VisualForce Page:

<apex:page controller="ImageUpload" sidebar="false" >
  <apex:form >
    <apex:pageBlock id="two">
       <apex:pageBlockSection >
           <apex:pageBlockSectionItem >
               <apex:pageBlockTable value="{!cons}" var="a">
                <apex:column value="{!a.Lastname}"/>
                <apex:column value="{!a.Upload_Image__c}"/>
               <apex:image url="{!image}" width="50" height="50"> </apex:image>
        <apex:commandButton value="Click" action="{!main}" reRender="two"/>

enter image description here

can anyone please help me with this.... any help is appreciated.

  • a.Upload_Image__c What are you storing in this field. Commented Oct 18, 2016 at 13:50

2 Answers 2


Try something like this:

<apex:page standardController="Contact" recordsetvar="Accounts">
        <apex:pageBlockTable value="{!Accounts}" var="a">
            <apex:column value="{!a.Name}"/>
            <apex:column headerValue="Upload Image">
                <apex:outputField value="{!a.Upload_Image__c}" rendered="{!NOT(ISBLANK(a.Upload_Image__c))}"/>
                <apex:image value="/profilephoto/005/T" rendered="{!ISBLANK(a.Upload_Image__c)}"/>
  • @ Rahul Sharma, Can you please tell me what is profilephoto/005/T
    – KS Kumaar
    Commented Oct 18, 2016 at 14:11
  • That is a standard salesforce image which is displayed for user when they do not have a profile picture. Have used it for demonstration.
    – Raul
    Commented Oct 18, 2016 at 14:14
  • Yes Rahul, I got it now. Its working now.
    – KS Kumaar
    Commented Oct 18, 2016 at 14:15

I believe the following change should work:

    <apex:image url="{!blankvalue(a.Upload_Image__c, image)}" 
        width="50" height="50"> </apex:image>

BlankValue allows you to show one text or another, depending on if the first value is blank (contains no text).

Alternatively, you could probably use:

"{!if(a.Upload_Image__c<>'', a.Upload_Image__c, image)}"
  • I tried with above two ways. But it is showing perfect result for records which does not have image and it is not giving proper image (showing some blank image) for records which have image. can you please tell me why we are getting this?
    – KS Kumaar
    Commented Oct 18, 2016 at 14:39
  • Sometimes there are problem with empty and null string values, try this - "{!IF(ISBLANK(a.Upload_Image__c), image, a.Upload_Image__c)}"
    – Raul
    Commented Oct 19, 2016 at 6:38

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .