fix(VFileInput): remove typeof filter in arrayValue, improve prop val…

…idator

ie11 cannot generate File objects

fixes #10306

packages/vuetify/src/components/VFileInput/VFileInput.ts

@@ -67,7 +67,7 @@ export default VTextField.extend({
     value: {
       default: undefined,
       validator: val => {
-        return typeof val === 'object' || Array.isArray(val)
+        return wrapInArray(val).every(v => v != null && typeof v === 'object')
       },
     } as PropValidator<File | File[]>,
   },
@@ -86,7 +86,9 @@ export default VTextField.extend({
 
       if (!this.showSize) return this.$vuetify.lang.t(this.counterString, fileCount)
 
-      const bytes = this.internalArrayValue.reduce((size: number, file: File) => size + file.size, 0)
+      const bytes = this.internalArrayValue.reduce((bytes: number, { size = 0 }: File) => {
+        return bytes + size
+      }, 0)
 
       return this.$vuetify.lang.t(
         this.counterSizeString,
@@ -95,7 +97,7 @@ export default VTextField.extend({
       )
     },
     internalArrayValue (): File[] {
-      return wrapInArray(this.internalValue).filter(file => file instanceof File)
+      return wrapInArray(this.internalValue)
     },
     internalValue: {
       get (): File[] {
@@ -119,9 +121,16 @@ export default VTextField.extend({
       if (!this.isDirty) return [this.placeholder]
 
       return this.internalArrayValue.map((file: File) => {
-        const name = this.truncateText(file.name)
+        const {
+          name = '',
+          size = 0,
+        } = file
 
-        return !this.showSize ? name : `${name} (${humanReadableFileSize(file.size, this.base === 1024)})`
+        const truncatedText = this.truncateText(name)
+
+        return !this.showSize
+          ? truncatedText
+          : `${truncatedText} (${humanReadableFileSize(size, this.base === 1024)})`
       })
     },
     base (): 1000 | 1024 | undefined {