在提交之前获取文件表单输入文件

Question

我正在尝试将文件上传到输入文件并且未定义

$('#extra-submit').on('click',function(e){
    var file = $('#extra-file');
    console.log(file.files);
});

这是html，输入文件不在表单

中

<div>
            <div class="col-md-12"> 
                <input type="file" name="extra-file" id="extra-file">
            </div>
            <div class="col-md-12 text-center"> 
                <button type="button" id="extra-submit" class="btn btn-default">Afegir</button>
            </div>
        </div>

Answer 1

file是一个没有files属性的jQuery对象。该属性位于底层DOM元素上，因此您需要使用file[0].files：

$('#extra-submit').on('click', function(e) {
  var file = $('#extra-file');
  console.log(file[0].files); // note the [0] here
});