读取文件上传-jQuery或Javascript

Question

I have a simple upload box:

<input type="file" id="signature" />

And use this jQuery:

 $('#save').click(function() {
        var element = $('#signature');

        if (element.files && element.files[0]) {
            console.log("Can read image");
        }
        else {
            console.log("Failure");
        }
  }

It always hits "Failure". What am I doing wrong?

Answer 1

element is jQuery's object, not DOM Element, so it does not have property files . You can use:

var element = $('#signature')[0];

Fiddle example .