fix(files): parse multi file upload

examples/simple-form/src/pages/multi-file-upload.astro

@@ -0,0 +1,28 @@
+---
+import Layout from '../layouts/Layout.astro';
+import {BButton, Bind, BindForm, BInput, FormErrors} from '@astro-utils/forms/forms.js';
+import {Button} from 'reactstrap';
+import 'bootstrap/dist/css/bootstrap.css';
+
+type Form = {
+    files: File[];
+}
+
+const form = Bind<Form>();
+let showSubmitText: string;
+
+function formSubmit() {
+    showSubmitText = `You upload "${form.files.map(file => file.name).join(', ')}"`;
+}
+---
+<Layout title="Upload file">
+    <BindForm bind={form}>
+        <FormErrors/>
+        {showSubmitText}
+
+        <h4>File to upload*</h4>
+        <BInput type="file" name="files" multiple/>
+
+        <BButton as={Button} props={{color: 'success'}} onClick={formSubmit} whenFormOK>Submit</BButton>
+    </BindForm>
+</Layout>

packages/forms/src/components-control/form-utils/parse.ts

@@ -163,12 +163,12 @@ async function isBigFile(value: string) {
 export async function parseFiles(about: AboutFormName, astro: AstroGlobal, multiple: boolean, readonly: boolean) {
     if (readonly) return;
 
-    const { disposeFiles } = getContext(astro, '@astro-utils/forms');
+    const { disposeFiles, bindId = '' } = getContext(astro, '@astro-utils/forms');
     let values = [about.formValue];
 
     let hasFailed = false;
     if (multiple) {
-        values = about.formValue = await getFormMultiValue(astro.request, about.originalName);
+        values = about.formValue = await getFormMultiValue(astro.request, bindId + about.originalName);
 
         const promises: Promise<any>[] = [];
         for (let i = 0; i < values.length; i++) {