js判断txt大小

在JavaScript中判断一个文本文件（.txt）的大小，通常是在文件上传的过程中进行的。以下是几种常见的方法：

1. 使用HTML5的File API

当用户通过<input type="file">选择文件时，可以使用File API来获取文件的大小。

示例代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>判断TXT文件大小</title>
</head>
<body>
    <input type="file" id="fileInput" accept=".txt">
    <p id="fileSize"></p>

    <script>
        document.getElementById('fileInput').addEventListener('change', function(event) {
            const file = event.target.files[0];
            if (file) {
                const sizeInBytes = file.size;
                const sizeInKB = (sizeInBytes / 1024).toFixed(2);
                document.getElementById('fileSize').textContent = `文件大小: ${sizeInKB} KB`;
            } else {
                document.getElementById('fileSize').textContent = '未选择文件';
            }
        });
    </script>
</body>
</html>

说明：

accept=".txt"属性限制文件选择器只显示.txt文件。
file.size返回文件的大小，单位是字节（bytes）。
示例中将字节转换为千字节（KB）并显示。

2. 使用Fetch API获取文件大小

如果已知文件的URL，可以使用Fetch API的HEAD请求来获取文件的大小。

示例代码：

async function getFileSize(url) {
    try {
        const response = await fetch(url, { method: 'HEAD' });
        if (response.ok) {
            const contentLength = response.headers.get('Content-Length');
            if (contentLength) {
                const sizeInKB = (contentLength / 1024).toFixed(2);
                console.log(`文件大小: ${sizeInKB} KB`);
            } else {
                console.log('无法获取文件大小');
            }
        } else {
            console.log('请求失败:', response.status);
        }
    } catch (error) {
        console.error('错误:', error);
    }
}

// 使用示例
getFileSize('https://example.com/path/to/file.txt');

说明：

fetch发送一个HEAD请求，只获取响应头而不下载文件内容。
Content-Length头部表示文件的大小（字节）。
需要确保服务器支持HEAD请求并返回Content-Length。

3. 后端判断文件大小

在前端限制文件大小的同时，后端也应该进行验证以确保安全性。例如，使用Node.js处理文件上传时，可以获取文件大小：

示例代码（Node.js + Express）：

const express = require('express');
const multer  = require('multer');
const upload = multer({ dest: 'uploads/' });

const app = express();

app.post('/upload', upload.single('file'), (req, res) => {
    if (!req.file) {
        return res.status(400).send('没有文件上传');
    }
    const sizeInKB = (req.file.size / 1024).toFixed(2);
    console.log(`上传的文件大小: ${sizeInKB} KB`);
    res.send(`文件大小为: ${sizeInKB} KB`);
});

app.listen(3000, () => {
    console.log('服务器运行在端口3000');
});

说明：