首页HTML5系列代码：获取文件的大小和类型

HTML5系列代码：获取文件的大小和类型

时间: 2025-06-09 12:02:57 浏览: 6

在HTML5中，可以使用File API来获取用户选择文件的大小和类型。这里有一个简单的jQuery示例： ```javascript // 当用户点击选择文件按钮时触发的事件 $("#uploadButton").on("change", function(e) { var fileInput = e.target; // 获取选中的文件 var files = fileInput.files; // 遍历文件数组 for (var i = 0; i < files.length; i++) { var file = files[i]; // 文件名 var fileName = file.name; // 文件类型 var fileType = file.type; // 文件大小（以字节为单位） var fileSizeInBytes = file.size; // 如果需要转换成其他单位（如KB或MB），可以这样计算 var fileSizeInKb = fileSizeInBytes / 1024; var fileSizeInMb = fileSizeInKb / 1024; console.log("文件名:", fileName); console.log("文件类型:", fileType); console.log("文件大小 (B):", fileSizeInBytes); console.log("文件大小 (KB):", fileSizeInKb.toFixed(2)); console.log("文件大小 (MB):", fileSizeInMb.toFixed(2)); } }); ``` 在这个例子中，`files`对象包含了用户选择的文件信息，你可以从中获取文件的名称、类型以及大小。注意，这需要在现代浏览器中运行，因为File API可能不支持旧版本的浏览器。

阅读全文