|
js取得文件大小,并将大小转换
在JavaScript中,您可以使用File API来获取用户所选文件的大小。以下是一个示例代码,展示了如何在HTML文件输入字段上使用onchange事件来获取文件的大小,并将其转换为可读的格式(如KB、MB):
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>File Size Example</title>
- <script>
- function getFileSize(event) {
- var file = event.target.files[0];
- if (!file) {
- return;
- }
-
- var fileSize = file.size;
- var fileSizeKB = fileSize / 1024; // Convert bytes to kilobytes
- var fileSizeMB = fileSizeKB / 1024; // Convert kilobytes to megabytes
-
- // Output the file size
- if (fileSizeMB > 1) {
- alert("File size: " + fileSizeMB.toFixed(2) + " MB");
- } else if (fileSizeKB > 1) {
- alert("File size: " + fileSizeKB.toFixed(2) + " KB");
- } else {
- alert("File size: " + fileSize + " bytes");
- }
- }
- </script>
- </head>
- <body>
-
- <input type="file" id="fileInput" onchange="getFileSize(event)">
-
- </body>
- </html>
复制代码 在这个示例中,当用户选择文件后,getFileSize函数会被调用,并且会弹出一个警告框显示文件的大小,转换为最适合的单位(bytes、KB或MB)。
|
|