讀取文件上傳-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];

小提琴的例子 。