Handle multiple files in a FileList

jlbelanger · Mar 7, 2024 · f4cbcdb · f4cbcdb
1 parent 2c6df61
commit f4cbcdb
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 8 deletions.
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/dist/index.modern.js b/dist/index.modern.js
diff --git a/dist/index.modern.js.map b/dist/index.modern.js.map
diff --git a/src/js/Helpers/JsonApi.js b/src/js/Helpers/JsonApi.js
@@ -287,7 +287,13 @@ export const getBody = ( // eslint-disable-line import/prefer-default-export
 			formData.append('meta[files]', JSON.stringify(filenames));
 
 			filenames.forEach((filename) => {
-				formData.append(filename, formState.files[filename]);
+				if (Object.prototype.toString.call(formState.files[filename]) === '[object FileList]') {
+					Array.from(formState.files[filename]).forEach((file, i) => {
+						formData.append(`${filename}[${i}]`, file);
+					});
+				} else {
+					formData.append(filename, formState.files[filename]);
+				}
 			});
 
 			body = formData;

diff --git a/yarn.lock b/yarn.lock
@@ -2374,9 +2374,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001565:
-  version "1.0.30001589"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001589.tgz"
-  integrity sha512-vNQWS6kI+q6sBlHbh71IIeC+sRwK2N3EDySc/updIGhIee2x5z00J4c1242/5/d6EpEMdOnk/m+6tuk4/tcsqg==
+  version "1.0.30001596"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001596.tgz"
+  integrity sha512-zpkZ+kEr6We7w63ORkoJ2pOfBwBkY/bJrG/UZ90qNb45Isblu8wzDgevEOrRL1r9dWayHjYiiyCMEXPn4DweGQ==
 
 chalk@^1.0.0, chalk@^1.1.3:
   version "1.1.3"