1.0.0 • Published 3 years ago
file-uploader-wc v1.0.0
File Upload Control
HTML5 File upload control does not allow you to show the name of the file in it. This is a custom Web Component that overcomes this limitation.
Usage
1. Include this script in your base layout / layout master
<script src="file-upload.js"></script>
2. Use the tag and pass the three attribute values
<file-uploader buttonText="Choose Profile" controlName="profilePicture" textControlId="txtProfileFileName">
<a href="/contextPath/documents/view/22" id="txtProfileFileName">Initial DB Filename.docx</a>
</file-uploader>
- buttonText - Text to show in the button
- controlName - name of the input file control that will be submitted to server.
- textControlId - The Id of the control (mostly the anchor tag within the file-uploader control)
If a new file is chosen then it displays the name of the new file. The href property is set to "#" as the link would no longer be valid.
Note: This component does not use shadow DOM as the file input is not submitted with the containing form
1.0.0
3 years ago