Upload a file as an Attachment to a record using Visualforce

11:10 PM

This example illustrates the way to upload a file and attach it against any record using Visualforce. The file that you upload using this will be available in the "Notes & Attachments" related list for the record.

Click here if you are looking to upload a file into "Documents".

Step 1: Create an Apex class named "attachmentsample" . Paste the code below.


public class attachmentsample {

    public attachmentsample(ApexPages.StandardController controller) {

    }
    Public Attachment myfile;
    Public Attachment getmyfile()
    {
        myfile = new Attachment();
        return myfile;
    }
   
    Public Pagereference Savedoc()
    {
        String accid = System.currentPagereference().getParameters().get('id');

        Attachment a = new Attachment(parentId = accid, name=myfile.name, body = myfile.body);
         
         /* insert the attachment */
         insert a;
        return NULL;
    }   

}

Step 2:

Create a Visualforce page named "attachment" and paste the code below.


<apex:page standardController="Account" extensions="attachmentsample">

<apex:form >
  <apex:sectionHeader title="Upload a Attachment into Salesforce"/>
  <apex:pageblock >
      <apex:pageblocksection columns="1">
          <apex:inputfile value="{!myfile.body}" filename="{!myfile.Name}" />
          <apex:commandbutton value="Save" action="{!Savedoc}"/>
      </apex:pageblocksection>
  </apex:pageblock>   
</apex:form> 

</apex:page>

Quick Test:
If you do not wish to do Step3 and 4 do this. Paste the following URL in your browser
http://yoursalesforceinstance.com/apex/attachment?id=0017000000eiDgy

ID should be a Valid Account Id of your instance.

Step 3:
Create a custom button (Detail Page button) on Account and select the new Visualforce page that you created as the source.

Step4:
Add the button created in Step3 to the Account Page layout.

You can test this by navigating to any account and clicking on the button that you created in Step3.
You may test

Share This Story

Tags:

21 comments

  1. AnonymousMarch 14, 2011 at 6:21 PM

    Awesome... Thanks

    ReplyDelete
  2. AnonymousMarch 31, 2011 at 2:07 PM

    nice work, now if only you could upload it to Content and select a public workspace to publish it to.

    ReplyDelete
  3. AnonymousMay 18, 2011 at 6:53 AM

    How do you write the test case for the above controller?

    ReplyDelete
  4. AnonymousSeptember 14, 2011 at 12:10 AM

    How can i display list of attached documents?

    Regards,
    Devendra S

    ReplyDelete
  5. AnonymousFebruary 7, 2012 at 1:33 AM

    error while uploading:
    System.DmlException: Insert failed. First exception on row 0; first error: REQUIRED_FIELD_MISSING, Required fields are missing: [Parent]: [Parent]

    ReplyDelete
  6. sathishJune 25, 2012 at 10:28 PM

    Nice one :) its working fine, have any idea how to download the attachments using Bulk API ?

    ReplyDelete
  7. AnonymousOctober 19, 2012 at 11:28 AM

    What if I want to just add an attachemnt to an VF page I created?

    ReplyDelete
  8. AnonymousOctober 19, 2012 at 11:31 AM

    Clarification, I want to add attachments to the VF page yet when saved, available as related lists within SF

    ReplyDelete
  9. bdogDecember 24, 2012 at 1:20 AM

    This is a fantastic work around for the permission limitations of portal users not being able to attach documents to records.

    ReplyDelete
  10. UnknownJune 2, 2014 at 9:16 AM

    Doesn't work, I get this error:

    System.DmlException: Insert failed. First exception on row 0; first error: REQUIRED_FIELD_MISSING, Required fields are missing: [Parent]: [Parent]
    Error is in expression '{!Savedoc}' in component in page attachment

    Class.attachmentsample.Savedoc: line 20, column 1

    ReplyDelete
    Replies
    1. Tugce SirinAugust 19, 2014 at 2:13 AM

      Actually it does work. I get the same error message when I tried to run it without adding Account's page layout as a custom button. After I created to custom button tied with visualforce page and added custom button to Account's page layout, it worked for me.

      Delete
  11. UnknownOctober 8, 2015 at 11:24 PM

    Insert failed. First exception on row 0; first error: REQUIRED_FIELD_MISSING, Required fields are missing: [Parent]: [Parent]
    Error is in expression '{!Savedoc}' in component in page attachment: Class.attachmentsample.Savedoc: line 21, column 1

    I got above error

    ReplyDelete
  12. Vishal_SNovember 1, 2015 at 10:35 PM

    Whoever got this error REQUIRED_FIELD_MISSING, Required fields are missing: [Parent]: [Parent]
    insert ?id= after yout URL .

    ReplyDelete
  13. UnknownAugust 17, 2016 at 11:35 PM

    Hi i want to upload the file to my custom vfpage and attach it to the record while the submitting the record. Can you let me know this will be done or not.

    ReplyDelete
  14. AnonymousDecember 16, 2016 at 8:46 AM

    I am getting an error for file size. It says that I can't attach a file using this process that is more than 135KB.

    ReplyDelete
  15. UnknownJune 22, 2018 at 8:16 AM

    Hi all,
    I Want to upload a file from visual force page to wordpress app which is hosted on aws.
    getting cors error. Can't post data.

    any help would be appreciate.

    Thanks & Regards,
    Nitin Shukla

    ReplyDelete
  16. UnknownSeptember 9, 2019 at 2:48 AM

    How to upload multiple files at a time. please help with this.

    ReplyDelete
  17. AnonymousOctober 29, 2019 at 5:43 AM

    same logic is extended to upload multiple files...it fails with View State error

    ReplyDelete
  18. UserMay 22, 2020 at 5:22 AM

    Hi,

    When i try to put with name and body, iam getting Error: Unknown property 'Call_Report__cStandardController.mAttachment' .

    can someone help me

    Thanks Inadvance

    ReplyDelete
  19. MeghaFebruary 19, 2021 at 9:30 AM

    Can you post test class for same code

    ReplyDelete
  20. UnknownMay 11, 2021 at 6:29 AM

    Works great in sandbox! However, what would be the test class for this so I may deploy to production?

    ReplyDelete