title: Reset or clear a input type file field
body: <p>I use a upload form / group in my page. This works well. But it is not possible to add a reset/clear function to this. my control is:</p>
  
  <pre><code>          &lt;div id="uploadform" style="width:100%;" data-provides="fileupload"&gt;
                  &lt;div class="input-group mb-3"&gt;
                    &lt;div class="input-group-prepend"&gt;
                    &lt;label class="input-group-text"&gt;&lt;i class="fas fa-folder-plus"&gt;&lt;/i&gt;&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class="custom-file" &gt;
                      &lt;input type="file" name="sampleFile" class="custom-file-input" id="inputGroupFile01"&gt;
                      &lt;label class="custom-file-label" for="inputGroupFile01"&gt;Choose file&lt;/label&gt;
                    &lt;/div&gt;
                      &lt;div class="input-group-append"&gt;
                       &lt;button type="button" id="fileupload" class="btn btn-primary"&gt;Upload!&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
            &lt;/div&gt;
  </code></pre>
  
  <p>I have a function to detect on change events</p>
  
  <pre><code>    $('#inputGroupFile01').on('change',function(e){
          console.log("onchange");
          //get the file name
          var fileName = e.target.files[0].name;
          //replace the "Choose a file" label
          $(this).next('.custom-file-label').html(fileName);
      });
  </code></pre>
  
  <p>The file selection and the label are all ok, but it is impossible to reset the input file.
  The change event is never fired.  I moved the reset to the upload button</p>
  
  <pre><code>    $( '#fileupload' ).click(function() {
          console.log("Upload");
          $('#inputGroupFile01').val('');
          return;
  </code></pre>
  
  <p>But also no effect. I also tried to use all inside a form tag and to call this.form.reset(). No effect. Iam really confused. I think the change event is never fired because the input typ="file" is never cleared / resented? Any idea?</p>
  
  <p>Additional Info:
  If I add a file to the control. Change event is fired. In all other cases the change event is not fired. Not with <code>$('#inputGroupFile01').val('');</code> nor with <code>this.form.reset();</code></p>