I am using SLDS on VF page and I am using File selector input and when I upload file , It does not show me the selected filename next to it.
Here is my code.
<div class="slds-form-element">
<div class="slds-form-element__control">
<span class="slds-form-element__label" id="file-selector-id">Attachment</span>
<div class="slds-form-element__control">
<div class="slds-file-selector slds-file-selector--files">
<div class="slds-file-selector__dropzone">
<input type="file" class="slds-file-selector__input slds-assistive-text" accept="image/png" id="file-upload-input-01" aria-describedby="file-selector-id" />
<label class="slds-file-selector__body" for="file-upload-input-01">
<span class="slds-file-selector__button slds-button slds-button--neutral">
<svg class="slds-button__icon slds-button__icon--left" aria-hidden="true">
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#upload"></use>
</svg>Upload Files</span>
<span class="slds-file-selector__text slds-medium-show">or Drop Files</span>
</label>
</div>
</div>
</div>
</div>
</div>