Clear just the file input field

Wappler General Need Help
1

I have a file input field with that I want the user to be able to clear just this field and not the whole form.

43
Screenshot 2019-08-14 at 07.58.43.png520×536 98.6 KB

I have tried with the static event onclick on the remove image link, but it is not working.

<a href="javascript:;" onclick="resetfile();">Remove images</a>

function resetfile() {
      document.getElementById("uploadimages").value = "";
}
2

Hi Marcel,
Browsers don’t really like you messing with file inputs value using js.
There are protections that browsers implement to prevent rogue scripts from messing around with file input’s .value.

The proper way of doing this is to reset your form.

3

Ok, thanks

My form has 2 parts at the moment - one with all the text inputs(under edit details) and then the file field.

Would it be programatically correct to split the single form into 2 forms - one for the text and another for the files. Then I can just reset files without resetting the text inputs.

then on submit of form 1(text inputs) also submit file form as a dynamic event?

Would that be fine?

1 Like
4

Nothing illegal about that.

1 Like