jquery获取input file的值

在前端web中想要上传附件到服务器就需要利用file类型的input元素，而在前端web页中想要获取到file类型的input的值，就需要利用到js脚本。下面就说一说利用jquery获取fileinput的值的方法。

jq获取file类型input值的方法

例：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<input type="file" id="file-input">
<script>
$('#file-input').on('change', function(e) {
    var file = e.target.files[0];
    console.log(file);
    console.log(file.name); // 输入上传附件的用户名
    console.log(file.size); // 上传附件的大小
    console.log(file.type); // 上传附件的类型
    console.log(file.lastModifiedDate); // 上传附件最后的修改时间(格式化后)
    console.log(file.lastModified); // 上传附件最后的修改时间(时间戳)
});
</script>

以上就是利用jquery中获取file类型input上传附件的值，大家可以参考一下。