javascript - 读取文件上传 - 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 .