Visualforce apex:inputfile Tag

Visualforce apex:inputfile Tag

In our previous Salesforce Tutorial we have learned about <apex:inputfield> tag and how it works in visualforce page. In this salesforce Training Tutorial we are going to learn about visualforce apex:inputfile tag and how this works when used in visualforce page.

<apex:inputfile> :- apex:inputfile tag is used used to upload documents, images in to salesforce.com. Using this <apex:inputfile> tag we can upload up to 10 MB size document.

Different attributes supported by apex:inputfile tag.

Let us see how apex:inputfile tag works.

In this apexinpufile tag we have to create controller. To Create a new apex class go to Develop=>apex Class=>New.

[codesyntax lang=”sql” lines_start=”0″ title=”Apex:inputfile Controller”]

public class documnetExt {     
 public documnetExt(ApexPages.StandardController controller) 
 {       
  Document d = (Document) controller.getRecord();        
  d.folderid = UserInfo.getUserId(); //this puts it in My Personal Documents    
   }           
         }

[/codesyntax]

Go to the home URl and add apexinputfile at the ending as shown below

Click on create page apexinputfile to create new Visualforce page.

 Enter the code as shown below.

In this example we are using controller extension where standard and custom controller are used. DocumentExt is the controller where we have created in Apex class.We also created command button to Save the uploaded file

<apex:inputfile> Output

• Choose file to upload from your local system.
• Select upload button.
• Finally click on Save button.