-
How to display an image stored in Document in a Salesforce Visualforce page?
Hii All,
I'm trying to display an image that is stored as a Document. Starting with the most basic example, I am using the following:
<apex:page standardcontroller="Document">
<apex:outputField value="{!Document.name}"/>
<apex:image id="theImage" value="!Document.Logo.jpg" width="100" height="100"/></apex:page>
-
2 Replies
-
Hi Tanu,
Please read the below code to display the image from document on to a VF page.
ApexClass:-
public with sharing class ImageController {
public String imageURL{get;set;}public ImageController()
{
imageURL='/servlet/servlet.FileDownload?file=';
List< document > documentList=[select name from document where
Name='SamplePic'];if(documentList.size()>0)
{
imageURL=imageURL+documentList[0].id;
}
}
}VF Page:-
<apex:page controller="ImageController" showheader="false" sidebar="false">
<apex:form>
<apex:image url="{!imageURL}">
</apex:image></apex:form></apex:page>
Thanks.
-
You can easily avoid having a controller by just using custom label.
- Create the document and note down the document Id. Mark the document externally available if needed
- Note down your org id (Setup > Company Information > Salesforce.com Organization ID)
- Crate a custom Label with the value in this format: <domain>/servlet/servlet.ImageServer?id=[docid]&oid=[OrgId]
- Example: cs71.salesforce.com/servlet/servlet.ImageServer?id=[docid]&oid=[OrgId]
- Note down the the custom label name
- In the visualforce page, add the below snippet
- <apex:form >
<apex:image url="{!$Label.Image_URL}">
</apex:image>
</apex:form> - <Image_URL> is the name of the custom label defined in step 3.
- If you don't want to use custom label, you can directly hard code the url as well in the VF page.
Hope this helps
-
This reply was modified 7 years, 8 months ago by Senthil. Reason: modifed #3
Log In to reply.
Popular Salesforce Blogs
What are Global Picklist or Picklist Value Sets in Salesforce
A worldwide Picklist infers a picklist which you'll be able to access for all Salesforce objects. Because it was on the off chance simply making…
Why Salesforce Nonprofit Partners Are Essential for Your Organization’s Success
Salesforce offers a wide range of tools for sales, marketing, customer service, and analytics in one integrated system. Nonprofits use this powerful and customizable platform…
Salesforce Customer 360 – A Single Integrated Cross-Cloud Customer Data Platform
Salesforce Customer 360 – In this highly competitive digital marketplace where customer expectations have increased rapidly, understanding customer behaviors have never been so important. Today’s…
Popular Salesforce Videos
Custom Aura Feed Component | forceChatter:feed | Chatter in #Salesforce | Salesforce Tutorials
In this vlog I will create a custom aura feed component with two picklists to select Group and then based on the Group selection, select…
Getting Information from your Salesforce Account for a Salesforce Connection
Watch this video to learn how to get information from your Salesforce Account for a Salesforce Connection. Do let us know in the comment section…
Relationships in Salesforce | Why Relationships are Created?
In this video, Salesforce Rangers goes into detail about what relationships are in Salesforce and why they are necessary in the first place. This is…
