Always use FormData when sending forms (#42)

Author: pascalbaljet

lib/Components/Form.vue

@@ -1,5 +1,5 @@
 <script>
-import { hasFiles, objectToFormData } from "./FormHelpers.js";
+import { objectToFormData } from "./FormHelpers.js";
 import { Splade } from "../Splade.js";
 import get from "lodash-es/get";
 import has from "lodash-es/has";
@@ -43,12 +43,6 @@ export default {
             },
         },
 
-        forceFormData: {
-            type: Boolean,
-            required: false,
-            default: false,
-        },
-
         confirm: {
             type: [Boolean, String],
             required: false,
@@ -195,10 +189,9 @@ export default {
             this.recentlySuccessful = false;
             clearTimeout(this.recentlySuccessfulTimeoutId);
 
-            const data =
-                this.forceFormData || hasFiles(this.values)
-                    ? objectToFormData(this.values)
-                    : this.values;
+            const data = (this.values instanceof FormData)
+                ? this.values
+                : objectToFormData(this.values);
 
             const headers = { Accept: "application/json" };
 

lib/Components/FormHelpers.js

@@ -1,16 +1,6 @@
 // The methods in this file are completely stolen from Inertia.js:
 // https://github.com/inertiajs/inertia/tree/master/packages/inertia/src
 
-export function hasFiles(data) {
-    return (
-        data instanceof File ||
-        data instanceof Blob ||
-        (data instanceof FileList && data.length > 0) ||
-        (data instanceof FormData && Array.from(data.values()).some((value) => hasFiles(value))) ||
-        (typeof data === "object" && data !== null && Object.values(data).some((value) => hasFiles(value)))
-    );
-}
-
 export function objectToFormData(source) {
     source = source || {};