- Create a lightning web component named "fileuploadcomponent" (or any other name of your choice) with the following code snippet -
- HTML file -
<template>
<iframe src={src} height={height} width={width} style="border:0px"></iframe>
</template>
import { LightningElement, api } from 'lwc';
export default class Fileuploadcomponent extends LightningElement {
@api iFrmURL;
@api recordId;
@api param;
@api width;
@api height;
src = '';
connectedCallback(){
this.src = this.iFrmURL+this.recordId+this.param;
}
}
<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
<apiVersion>54.0</apiVersion>
<isExposed>true</isExposed>
<masterLabel>Upload Cloud Documents</masterLabel>
<targets>
<target>lightning__FlowScreen</target>
<target>lightning__RecordPage</target>
</targets>
<targetConfigs>
<targetConfig targets="lightning__FlowScreen, lightning__RecordPage">
<property name="iFrmURL" label="IFrame URL" type="String" default="/apex/DragDropToCloud__DragDropUploader?id="/>
<property name="recordId" label="Record Id" type="String" default=""/>
<property name="param" label="param" type="String" default="&isdtp=mn"/>
<property name="width" label="width" type="String" default="100%"/>
<property name="height" label="height" type="String" default="700ox"/>
</targetConfig>
</targetConfigs>
</LightningComponentBundle>
- Add this lightning web component to desired flow or lightning record page > update component parameters, if required.