如何上传 Sveltekit 多个文件

Question

在新的 svelteKit 中，我无法使用表单 multipart/form-data 和多个属性上传多个文件

+page.svelte

<form
    action="?/add"
    method="post"
    enctype="multipart/form-data"
  >
<input
      multiple
      type="file"
      name="file"
      id="file"
      accept="image/*"
    />

+page.server.js

export const actions = {
  add: async ({ request, files }) => {
    const data = await request.formData()
  
    const file = data.get('file')

    let filename

    try {

      if (file) {

        const ext = file.name.split('.').pop()
        filename = userName + '-' +Date.now().toString() + '.' + ext
        
        let ab = await file.arrayBuffer()
        console.log(Array.from(ab));

        writeFileSync(`static/img/${filename}`, Buffer.from(ab, (e) => {
          console.log(e)
        }))
      }


      return { success: true }


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

    }
  }
}

此代码仅上传一个文件。如何获取文件数组？

Answer 1

如果为同一个字段名称提供了多个值，则可以使用 getAll 函数：

const data = await request.formData();
const files = data.getAll('file');