fonteva-design-guide/force-app/main/default/lwc/pfmInputFile/pfmInputFile.html

## Dev, Build and Test

<template>
    <div class="slds-grid">
        <div class="slds-form-element slds-col file-input-wrapper">
            <div class="slds-form-element__control slds-grid">
                <lightning-input
                    value={val}
                    tabindex={tabIndex}
                    name={name}
                    onchange={saveUrl}
                    class="slds-border-radius--right__none file-label"
                    variant="label-hidden"
                ></lightning-input>
                <label
                    for="file"
                    class="file-button slds-button slds-button--brand slds-border-radius--top-left__none slds-border-radius--bottom-left__none"
                >
                    {browseLabel}
                </label>
                <input
                    type="file"
                    class="file slds-hide"
                    name="file"
                    id="file"
                    style="display: none;"
                    onchange={uploadFileToServer}
                />
            </div>
            <div if:true={uploading} id="uploading" class="uploading">
                <img src={loadingIcon} alt="uploading spinner" class="small-spinner" />&nbsp;{uploadingLabel}
            </div>
        </div>
    </div>
    <iframe
        if:true={iframeUrl}
        id={uniqueId}
        src={iframeUrl}
        width="0px"
        height="0px"
        scrolling="no"
        class="slds-hide"
        title="File Upload Server"
    ></iframe>
</template>