SvelteKit多文件上传：如何获取文件数组实现批量上传

API 探路者

2026-8-16

SvelteKit多文件上传解决方案

你当前代码只能上传单个文件，核心问题是获取文件的方式不对：data.get('file')仅会返回第一个选中的文件，要实现多文件上传，需要改用data.getAll('file')来获取所有上传的文件数组，然后循环处理每个文件。

修改后的+page.server.js代码如下：

import { writeFileSync } from 'fs';
// 确保userName变量已正确定义
export const actions = {
  add: async ({ request }) => {
    const data = await request.formData();
    // 获取所有上传的文件数组
    const files = data.getAll('file');

    try {
      // 循环处理每个文件
      for (const file of files) {
        if (file.size > 0) { // 跳过空文件（处理用户未选文件的情况）
          const ext = file.name.split('.').pop();
          // 生成唯一文件名，避免同一时间上传的文件重名覆盖
          const filename = `${userName}-${Date.now()}-${Math.random().toString(36).slice(2, 9)}.${ext}`;
          
          const ab = await file.arrayBuffer();
          writeFileSync(`static/img/${filename}`, Buffer.from(ab));
        }
      }

      return { success: true };
    } catch (e) {
      console.error(e);
      return { success: false };
    }
  }
};