读取文件上传-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];

小提琴的例子 。