读取文件上传 - jQuery或Javascript

Question

我有一个简单的上传框：

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

使用这个jQuery：

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

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

总是命中“失败”。我做错了什么？

Answer 1

element是jQuery的对象，而不是DOM元素，因此它没有属性files。您可以使用：

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

Fiddle example