JS for clearing <input type = "file"> selections

Question

Once the user chooses the file, I have a condition using html5 file api to check if the file size exceeds a 1mb.

function handleLimit(evt) {
   var files = evt.target.files; 
   f = files[0];
   console.log(f.size);
   if (f.size > 1048576) {
          /*JS for clearing form*/
   }
}

What would be the script I would want to run on my input tag to clear/ force the client to choose another file it once the handler knows that file is exceeding a certain size?

stackoverflow.com/questions/1043957/… should get you there. — Bill Criswell
– Bill Criswell, Commented May 30, 2013 at 5:12

PSR · Accepted Answer · 2013-05-30 05:09:37Z

10

 var _fileuploadcontrolId = document.getElementById("id");
            _fileuploadcontrolId.value = "";
            _fileuploadcontrolId.focus();

answered May 30, 2013 at 5:09

PSR

40.4k43 gold badges115 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Emanegux Over a year ago

Perfect. I like your use of focus() for UX.

PSR Over a year ago

@Emanegux i dont know why some people behave like this.With out any comment giving downvote

Collectives™ on Stack Overflow

JS for clearing <input type = "file"> selections

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related