Remove added file from File fied element

Question

It is possible to add remove button in or beside file field element?If visitor add wrong file, he won't be able to remove it...

stojsins · Accepted Answer

I have managed to find working solution.

In Designer I have added in Multi field action.
First action in Multi action is File upload. Second is Custom code.

File upload fields has defined ID (e.g: file_1).
In Custom code I have added button element and JS code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="clear1" onclick="return false">Remove</button>
<script type="text/javascript">
 var control_1 = $("#file_1");
 $("#clear1").on("click", function() {
 control_1.val("");
 });
</script>

That's it.

I hope that this will help someone one day 🙂