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));
}
相关推荐
Irissgwe1 小时前
C++ STL bitset 和位图详解
开发语言·c++·stl·位图·bitset
我还记得那天1 小时前
C语言随机数生成机制与猜数字游戏实现
c语言·开发语言·游戏
禅思院1 小时前
前端请求取消与调度完全指南:从 AbortController 到企业级优先级架构
前端·设计模式·前端框架
颂love1 小时前
Vue的两大生态以及组件通信
前端·javascript·vue.js·typescript
甜汤圆1 小时前
Python 里**自定义数据单元**
前端
cidy_981 小时前
将 Figma 接入 Codex MCP:从 `/plugins` 到本地插件配置的完整教程
前端
vivo互联网技术1 小时前
动效开发不踩坑:几种动效实现方案对比与实战选型
前端·性能优化·动效
Csvn1 小时前
【Vue3】Composition API vs Options API —— 什么场景该选哪个
前端
Csvn1 小时前
Vue3 迁移血泪史:v-model 的 .sync 陷阱,90% 升级项目都会踩
前端·vue.js