jquery获取input file的值
墨初 Web前端 583阅读
在前端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上传附件的值,大家可以参考一下。