File uploader in angularJs [duplicate]

Question

I am trying to implement file uploader in angularJS but with a condition that if input file is empty it should give a massage. I used following code:

if(var inputFileLength=document.getElementById("#id").value==0) 
alert ("input file is empty");

But it is not working. So please give some solution for the same.

Do we really need angularjs mention in tag, body and title? This appears to be pretty much a generic JS question — Matt Fletcher
– Matt Fletcher, Commented Dec 16, 2017 at 19:10

user184994 · Accepted Answer · 2017-12-16 18:58:01Z

1

I believe value will get the filename, so that won't work.

We can get details of the selected files using event.target.files, and use the .size property.

Try this:

function selected(event) {
  let file = event.target.files[0];
  if (file.size === 0) {
    alert("Its empty");
  } else {
    alert("size is " + file.size);
  }
 }

<input type="file" onchange="selected(event)" />

This is not supported on IE < 11 though...

https://developer.mozilla.org/en-US/docs/Web/API/File

answered Dec 16, 2017 at 18:58

user184994

18.3k2 gold badges51 silver badges54 bronze badges

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

Collectives™ on Stack Overflow

File uploader in angularJs [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related