这篇文章将为大家详细讲解有关如何通过jquery获取上传文件名称、类型和大小，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
融安ssl 适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为
创新互联建站 的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！
在文件上传到服务器之前，我们可以通过jquery来获取上传文件的名称，类型和尺寸大小。
通常情况下，当用户通过
支持File API的浏览器有IE10+，Firefox4+，Safari5.0.5+，Opera11.1+和Chrome。
File API在表单的文件输入字段的基础上，又添加了一些直接访问文件信息的接口。HTML5在DOM中为文件输入元素添加了一个files集合。通过文件输入字段选择了一个或多个文件时，files集合中包含一组File对象，每个File对象对应着一个文件。每个文件都有下列的只读属性：
通过这个files接口，我们就可以在jquery中获取上传文件的名称，类型和尺寸大小。通过下面的demo来体验一下效果。
1、通过“选择文件”按钮来选择要上传的文件，可以选择多个文件。
2、选择文件后点击“显示上传文件的详细信息”按钮来查看文件的详细信息。
要同时上传多个文件，需要在文件上传标签中添加multiple属性。上面demo的HTML结构如下：
在jquery代码中，首先检测被选择文件的数量，然后通过一个循环来分别获取每个文件的详细信息。完整的jquery代码如下：
$("#btnShow").on('click', function () {
$("#ulList").empty();
var fp = $("#fUpload");
var lg = fp[0].files.length; // get length
var items = fp[0].files;
var fragment = "";
if (lg > 0) {
for (var i = 0; i < lg; i++) {
var fileName = items[i].name; // get file name
var fileSize = items[i].size; // get file size
var fileType = items[i].type; // get file type
// append li to UL tag to display File info
fragment += " " + fileName + " (" + fileSize + " bytes) - Type :" + fileType + " ";
}
$("#ulList").append(fragment);
}
});
jquery是什么 jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。
关于“如何通过jquery获取上传文件名称、类型和大小”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器 、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
文章名称：如何通过jquery获取上传文件名称、类型和大小-创新互联
URL标题：
http://www.cdkjz.cn/article/dopceo.html
