Custom File Upload using LWC in Simple steps.

In this tutorial, you will learn how to upload files using a custom approach using LWC. I am covering the following steps
1. How to fetch the file details
2. How to fetch the record id
3. How to avoid specific file type
4. How to send a data stream to Apex
5. How to handle success message using toast
LINKS USED IN THIS VIDEO
======================
APEX class
gist.githubuse...
lightning DESIGN SYSTEM FOR STYLING
www.lightningd...
CONTENT DOCUMENT LINK
developer.sale...!
FOR COOL STUFF OF LIGHTNING WEB COMPONENT
salesforcelight...
FOLLOW ME -
FACEBOOK - / salesforcetroop
LINKEDIN - / salesforce-troop
TWITTER - @karkra_nikhil
This is especially for all the students and IT professional who wants to make their career in Salesforce.
PLEASE DO LIKE, SHARE AND SUBSCRIBE THIS VIDEO WITH ALL YOUR STUDENT NETWORK, IT NETWORK AND SALESFORCE NETWORK.
Let everyone learn Salesforce and become a part of our #Ohana.

[@micaellima802]

you really saved my life, a hug from Brazil

[@RicardoStivenRoaRoa-CeibaSoftw]

Thank you so much

[@kumar.anupam]

Thank you so much Nikhil !! I had to create custom file upload component since lightning-datatable component does not work when we want it within visualforce page. So encapsulated this within aura component which in turn was encapsulated inside a visualforce page. This works great !! Only minor difference is uploaded file extension is not displayed(not a big deal). Could you please give some pointers about how to write jest method for this and provide test data for event.target.files[0].

[@Mtripathi347]

@salesforce Troop does it supports upto 2 GB file upload? I tried uploading larger files and was getting heap size issues while breaking data into small chunks to process.

[@salesforcetroop]

You need to use the chunk technique

[@Mtripathi347]

@@salesforcetroop yeah I tried chunking approach but getting heap size limit when uploading more than 6MB files.. have you tried uploading 2 GB files with this? also with Standard file upload component I Can do that but I don't need the progress bar , how to override that?

[@salesforcetroop]

@@Mtripathi347 I haven't tried it may be in future I will try and build a video around it.

[@anjalisravanthi3616]

How to insert image as attachment under related record using lightning component

[@SanjibDash-i8w]

After uploading the attachment , I did not click on the save button but the attachment is saved in the file object how is this possible?

[@vineethkm6145]

Hello sir, can you please help me how to achieve this for multiple files? I have used multiple in lightning input and able to select multiple files but am unable to access them in js

[@shanmughapriyaa7799]

Hi
I'm looking for a way to add the file in the component used to create Lead.
When we use this code the Files are attached to the LEad creation form..But not coming under attachments under Lead.Can you help

[@ahmadkhan9365]

how can we save pdf file in any custom object notes and attachment relationship

[@user-wt6ru9xl2k]

hi...in lightning -rich -text input field we can set the cursor position ...any one help

[@prakashdighe1307]

Hi suppose this file uploads an account object then on account object with related attachment how to save it?

[@tushargarg3832]

Awesome sir
Sir are you help me please
I have a list of records in table format So I don't want to use lightning input type =file in every record because it take more size or length
Any method to solve this problem?
Can we use div instead of lightning input type =file?

[@anandpaul9067]

For pdf and doc accept and file name restrictions what logic can we use?

[@sainathjaybhaye4653]

Hi nikhil,
How we can handle if file size more than 4mb

[@sainathjaybhaye4653]

can you please help with test coverage for same

[@shashis9131]

Will it take record Id if we put in this component on community pages

[@vijayabharsakale2010]

Hi I tried this solution, but its not taking file above 5 mb..what is the solution to upload file above 5 mb?Please help

[@shilupamadandotiya436]

how can i add multiple file from this ? please help me

[@jasonspencerphiladelphia]

After following your steps I get an APEX CRUD violation. Is there a way to fix this?

[@salesforcetroop]

CRUD Violation is coming because of PMD rules setup. You can use these conditions before DML to verify CRUD permission.
SObject.sObjectType.getDescribe().isAccessible() SObject.sObjectType.getDescribe().isCreateable() SObject.sObjectType.getDescribe().isUpdateable() SObject.sObjectType.getDescribe().isDeleteable()

[@susmitasinha6560]

Hi @salesforce troop, The recordId is coming back as undefined.. help!

[@Tushar.S.Kitchen]

Same issue has happened with me

[@balamuruganm5988]

how to write toast error for this ..... please reply

[@SougataPaulPaul_Sougata_1988]

Can you please help me with the code for checking the file type and size. I want to put some restrictions on file type and size. For example , I want user to upload only PDF and Max size allowed would be 2 mb.
Thanks in advance

[@salesforcetroop]

use event.target.files this object gives you the file size.

[@ManiKandan-yy9lh]

could you please send me the class meta file for this code?