Feature Request: Add ability to remove file from input

[JakeUrban]

What problem does your feature solve?

When I upload a file to an input field, sometimes I would like to remove that file or "clear" it, but I cannot do that unless I click the input field and select "cancel" in the file selection menu.

One of the reasons this is needed is because if I try to re-upload the same filename with new contents, the new content is not loaded. This means users need to clear the file in order to re-upload.

What would you like to see?

An "x" or "clear" button that allows users to remove files from the input field. Ideally we can also pass a function that is executed when a file is cleared as well.

[JakeUrban]

Hi @quietbits I've actually implemented this functionality in the anchor tests suite, see the preview on this PR.

Instructions to see behavior:

• Enter 'testanchor.stellar.org' to the home domain field
• Select 'SEP-12'
• Upload the file attached to this comment under 'Upload Config'
• Select 'Upload Customer Files'
• Upload an image to the form within the modal displayed

You'll see the input field change to remove the 'Choose File' button and replace it with a 'Remove File' button. I think this is a much better experience for the user. You can see the source code for handling this change here.

cc @shanzzam

[JakeUrban]

config.json.zip

Upload the uncompressed version

[quietbits]

Thanks, @JakeUrban ! This is a much better user experience, I agree. We will check with the design how to style it and implement a more generic version in the SDS.