C32

资料导入

手机上可以运行，但建议在电脑上完成代码练习。

编辑器加载中…

任务说明

Next.js 工程

资料导入接口：POST /api/uploads 接收 FormData(file)，校验大小（≤2MB）、类型（白名单 pdf/png/txt/md）与安全文件名（取 basename、拒绝 .. 与路径分隔符），保存为随机 resourceId + 白名单扩展名，元数据写入 var/uploads/<resourceId>.json；GET /api/uploads/[resourceId] 按 resourceId 读回文件——resourceId 必须先过格式校验（UUID），防路径穿越。lib/storage.ts 是要补齐的核心。验收方式：本练习无法自动判分。补齐 starter 后在 examples/exercises/next-c32-safe-upload/starter 目录执行 npm install && npm run dev，浏览器访问 http://localhost:3000 按要求走查；tests/check.mjs 是结构自检（node tests/check.mjs starter 或 solution 目录路径）。关键走查：上传合法文件返回 resourceId 并能 GET 读回；超大/类型不符/文件名带 ../ 的请求得到 400；GET /api/uploads/..%2fsecret 得到 400 或 404 而不是文件内容。

要求

大小超限、类型不在白名单、文件名含路径穿越特征（..、/、\）都返回 400 与明确 message
落盘文件名使用 crypto.randomUUID() 生成，扩展名从白名单映射，不使用用户原始文件名拼路径
元数据 {resourceId, originalName, size, mime, savedName, uploadedAt} 存为 JSON，originalName 仅作展示
readUpload 先校验 resourceId 是合法 UUID 再拼路径，非法输入抛 StorageError
POST 成功返回 201 {code:0, data:{resourceId}}；未知 resourceId 读取返回 404

N10 Route Handlers N17 文件导入与资源访问

分层提示

先自己试，再逐层展开。

参考答案

卡住时再看；查看操作会记录下来用于复盘。测试版本 1.0.0

资料导入

Command Palette

资料导入