65 thoughts on “Custom File Upload In Salesforce Lightning Component – Upload Large Attachments”

  2. Hi Friends,

    I have one doubt, I am using document object for profile pictures it is not allowing more than 1 Mb file in side the Salesforce. I want to increase capacity from 1 Mb to 4 Mb please tell how can I achieve that.

    Here given below link which I am using for picture upload.

    https://developer.salesforce.com/blogs/developer-relations/2015/11/create-lightning-component-drag-drop-profile-pictures.html

     

    Please help me where I need to do changes for 4 Mb file uploading

     

    Thanks in Advance.

     

    Regards,

    Rajesh

     

    Reply

  3. Hi Team,

    What is the maximum file size that we can upload?

    I have tried and observed that we can upload only maximum of 4.5MB file, As there is an exception being thrown from apex i.e. Heap Exception on string value is crossing 6MB.

    Is there any other alternative way that we can upload file of more than 5MB?

     

     

    Reply

  4. Absolutly right. From Apex you can upload only 4.5 Mb attachments. It depends on heap size limit for String class (6Mb). Because we using base64 encoding we will take only 6*0.75=4.5Mb. But If you can upload file from 3-party server this size will grow. I want tell about Rest API. For Attachment limit is 25Mb. If you choise Document you can upload up to 2Gb. If you choise other Object with Blob field it is only 500Mb.

    Reply

  5. Hi Guys,

    The above code is not working for me. I mean it is not throwing any exception at the same time all the time the spinner is rendering and attachment also not get created in Salesforce.

    Please let me know. Thanks!

    Reply

  6. Hi Team,

    The above code is not working for me. When I have upload a image all the time spinner is rendering and image also not inserting in side the salesforce. Please let me know. Thanks!

    Reply

    • Update the ParentId from the code above to the object ID to which you want to save the attachment and it should work. Thanks.

      Reply

  12. Hi Everyone,

    Can you help me to use this component to upload attachment before saving the record.
    The scenario is the user has to upload the document while creating the record.

    Reply

  14. How can I pass a flow variable into the controller where you have hard coded the account id? Please help me, I am stuck at this point.

    Reply

  15. Hi Piyush,

     

    Could you please help me, I want to replace parentId with the dynamic caseid from my flow. How can I accomplish this to pass flow output variable to this lightning component.

     

    Regards

    Chetan Bhatla

     

    Reply

  16. Hello,

    You can include a attribute called as accept in the lightning:input tag. By this way you can restrict the types of attachments that can be uploaded. Also you can specify if you need to access the camera on a smatrphone or a tablet using the salesforce1 app or also if salesforce is opened from a mobile browser. This is a very good use case for service engineers to capture images on the go and upload it to any record.

     

    Reply

  19.  private static void appendToFile(Id fileId, String base64Data) {
            base64Data = EncodingUtil.urlDecode(base64Data, ‘UTF-8’);

            Attachment a = [
                SELECT Id, Body
                FROM Attachment
                WHERE Id =: fileId
            ];

            String existingBody = EncodingUtil.base64Encode(a.Body);

            a.Body = EncodingUtil.base64Decode(existingBody + base64Data);

            update a;
        }
     hi piyush i need test class for this method could you please provide if possible…thanks

    Reply

  20. Hi ,

    I am using the above code to save attachment.After inserting it is returning attachment but when i query the record with the returned Id it is giving me zero results.FileId is not null.
    Attachment a = [
    SELECT Id, Body
    FROM Attachment
    WHERE Id =: fileId
    ];

    Can you please let me know if it is still pending or why is it returning zero results?

    Thanks

    Reply

  21. Hi ,
    I am using the above code. After inserting attachment it is returning Id, but when I fetch the record by SOQL query it is returning me no records.
    Attachment a = [
    SELECT Id, Body
    FROM Attachment
    WHERE Id =: fileId
    ];

    Can you please let me know why is it returning zero records?Is it still pending for insertion

    Reply

  26. Hi Piush,

    This code worked for me, but only upto 4.5MB files are uploading. Is there any way to upload bigger files like (10-25MB) files.

     

    Thanks

    Reply

  27. Hi Piush,

    This code worked for me, but only upto 4.5 files are uploading is there any way to upload bigger files like (10-20MB) files.

     

    Thanks

    Reply

  31. Hi Piyush,

    I want to have the same kind of functionality but i want to save the browsed image to document object.how can i do that?

    Reply

  32. Hi Piyush,

    your checking the file size in helper.it is not working properly
     if (file.size > self.MAX_FILE_SIZE) {
                component.set(“v.showLoadingSpinner”, false);
                component.set(“v.fileName”, ‘Alert : File size cannot exceed ‘ + self.MAX_FILE_SIZE + ‘ bytes.\n’ + ‘ Selected file size: ‘ + file.size);
                return;
            }
    here i want restrict the file size is 3mb.its not working properly.
     

    Reply

  34. Can this code work for standalone lightning component?

    I have registeration form,i need to attach resume upload functionality to it. But your code doesnt work , as it keep spinnng and file never saves.

    Reply

  36. Hi. Piyush,,

    Im using the above code and created custom case componets but im unable to attch files morethen 2 Mb Pdf or ther files. Spinner shoulf be loading after 2MB files loaded. It works fime for small files below 1. 5 Mb. How can it work for others to uplaod upto 4.5 Mb. Any one tell me plz…. And ho can we increase upto 10 mb

     

     

    Thank you

    Emran

    Reply

  37. HI, Piyush

    by using this code im unable to upload file more then 1.5 mb, but you said limit is 4.5 mb, if i upload filesize morethen 2mb spinner should loading and file not attached, the debug log says apex heap size limit is more then the limit. how can we resolve this issue. pls update me

     

     

     

    Thank you

     

    emran

     

    Reply

    • This code is working for files less than 2MB
      If I upload >2MB file, getting error: FATAL_ERROR System.LimitException: Apex heap size too large: 7736834

      Reply

  39. Hi Guys not sure if any one Still needs Test Class for the Above Apex class:

    @IsTest
    private class OppImplementationService_UploadFileTest {

    static testMethod void testAttachmentsWithOutFile(){

    Account testAccount1 = buildAccount(‘TestAccount’);
    Insert testAccount1;

    Opportunity testOpportunity1 = buildOpportunity(‘Stage 0 – Prospect’,’test Opportunity’,testAccount1.Id);
    Insert testOpportunity1;

    UploadFile handler = new UploadFile();
    String fileName = ‘Test Attachment’;
    String filebody =’Hi this is the test Attachment to Upload’;
    Blob beforeblob = Blob.valueOf(filebody);
    string paramvalue = EncodingUtil.base64Encode(beforeblob);
    String contentType =’text/plain’;
    String fileId =”;
    Id attachmentCreatedFileId = UploadFile.saveChunk(testOpportunity1.Id,fileName,paramvalue,contentType,fileId);
    UploadFile.saveChunk(testOpportunity1.Id,fileName,paramvalue,contentType,attachmentCreatedFileId);

    List<Attachment> attachments=[select id, name from Attachment where parent.id=:testOpportunity1.id];
    System.assertEquals(1, attachments.size());
    }

    public Static Account buildAccount(String accName){
    Account testAccount = new Account();
    testAccount.Name = accName;

    //All the mandatory Fields

    return testAccount;
    }

    public Static Opportunity buildOpportunity(String oppStageName, String oppName, id oppAccountId){
    Opportunity testopportunity = new Opportunity();
    testopportunity.StageName = oppStageName;
    testopportunity.Name = oppName;
    testopportunity.closeDate = system.today()+20;
    testopportunity.Amount = 20000;
    testopportunity.AccountId = oppAccountId;
    // All the mandatory Fields

    return testopportunity;
    }
    }

    Hope the test Class will be help full.

     

     

    Reply

  40. How to do this for Document object in salesforce.  Eg I want to upload PDF files  in Document object with specified document folder names. Please help me with this

    Reply

  42. Hi,

    Can you provide me details for how to add description box while adding/uploading attachments in Lightning ???

    Currently we are able to add and then edit file details and add in description. But i need both at the same time i.e. while uploading

    Thanks

    Reply

  43. Works very well. I have modified the code little bit to show uploaded files within the component 🙂 below the upload area. Thank you for the component !!

    Reply

  44. Hi piyush ,

    I want to insert the acoount and file simultaneously under that particular account from app .how to pass the case id dynamically not via hard code. Please help!!!!!!!!!

    Reply

  45. Hi ,

    In above code we can display uploaded file name.

    but my requirement is  if i upload file 1 and then i trying to upload second file 2 then it has to display in UI file 1,file 2

    Can you please help me

    Reply

  46. Hi,

    We have used same code for our requirement. But  in above if user wanted to upload the file and click on upload attachment button it displays name of attachment.If you user wanted to attach another file it displays the only the new file name which he/she is uploading.But” i want to display  both new file name and old file name “. 

    Can any one help me how can i display then old file name

    Reply

  48. Hi I m trying to implement File Drag and Drop functionality just like Notes and Attachments, where we can drop files while the list of uploaded files is displayed. Can anyone help

    Reply

  49. Hi,

    I need help to get an idea on how can we upload multiple files from Public site where I have put my LWC into VF page and show it on Site. But as I remember we cannot use lightning:fileUpload here with multiple files, right? So, I created 2 separate file upload functionality but from your above code I am not getting how to attach both the files withe new record that will be created form the site on submit.

    Looking for the reply. Thanks!

    Reply

  50. Hi Piyush,

     

    Is it possible to clear file name  as on when we uploaded the file, becoz file name still appears

    Reply

Leave a Comment