JS检查提交的文件是否合规

学生毕业前需向图书馆提交论文。然而,当前系统存在两个主要问题:检查机制不完善且提示信息过少,加之许多学生不仔细阅读提示就直接操作,导致频繁向图书馆老师求助。

通过观察一位学生的操作流程,我确认了"忽略提示信息"是常见问题。在指导该学生顺利完成提交后,我们决定自行优化系统,而非依赖厂商支持。为此,我修改了一段JS代码,如果输入不合规,则强制要求用户必须阅读提示信息方可继续操作。

以下是使用DeepSeek编写的优化代码:

javascript 复制代码
function checkFileType() {
    var fileInput = document.getElementById("ppinSourceFile");
    var file = fileInput.files[0];
    if (!file) {
        return;
    }

    // 1. 校验文件名格式:学校代码_学号_姓名.pdf
    var fileName = file.name;
    var pattern = /^\d+_[A-Za-z0-9]+_[\u4e00-\u9fa5A-Za-z0-9]+\.pdf$/i;
    if (!pattern.test(fileName)) {
        alert("论文源名称格式不正确,请按照规范:\n学校代码_学号_姓名.pdf\n例如:10616_BT2018000_联图.pdf");
        fileInput.value = "";
        return;
    }

    // 2. 校验真实文件内容是否为 PDF(读取文件头)
    var reader = new FileReader();
    reader.onload = function(e) {
        var arr = new Uint8Array(e.target.result);
        // PDF 文件头固定为 %PDF (ASCII: 37 80 68 70)
        if (arr.length < 4 || arr[0] !== 37 || arr[1] !== 80 || arr[2] !== 68 || arr[3] !== 70) {
            alert("请选择真正的 PDF 文件,不能使用其他格式文件改名伪装。");
            fileInput.value = "";
            return;
        }
        // 验证通过,无需额外操作
    };
    reader.onerror = function() {
        alert("文件读取失败,请重新选择。");
        fileInput.value = "";
    };
    // 只读取前 4 个字节
    reader.readAsArrayBuffer(file.slice(0, 4));
}
相关推荐
qetfw3 分钟前
MXU:Tauri 2 + React 的 MaaFramework 跨平台 GUI 源码
前端·python·react.js·前端框架·开源项目·效率工具
甲维斯4 分钟前
我要开始吹牛逼了!Kimi K3 “宇宙无敌”!
前端·人工智能
a11177611 分钟前
微光小屋-前端养成小游戏 开源项目
前端
kyriewen24 分钟前
我让AI给前端项目做了一次完整的Code Review——它和人类的差距,比我想的大得多
前端·javascript·ai编程
张鑫旭24 分钟前
快速过下我2026年上半年的前端学了些啥
前端
心平气和量大福大32 分钟前
C#-WPF-控件-TextBox 数据绑定
开发语言·c#·wpf
ttwuai1 小时前
Cursor 生成 CRUD 后,Go 后台接口别只测 200:JWT、RBAC 和 tenant_id 怎么验
开发语言·后端·golang
এ慕ོ冬℘゜1 小时前
前端基础:什么是时间戳?JS获取时间戳三种方法与实战用途
开发语言·前端·javascript
执明wa1 小时前
LayoutInflater详解: XML是如何变成View的?
android·xml·开发语言·android studio