Error message

components/InputFile.vue

@@ -40,6 +40,9 @@
           @change="onFileChange"
         >
       </div>
+      <p v-if="showError">
+        Akceptowane rozszerzenia to: jpg, jpeg, png
+      </p>
     </div>
   </div>
 </template>
@@ -65,7 +68,8 @@ export default {
       url: null,
       size: null,
       file: null,
-      name: null
+      name: null,
+      showError: false
     }
   },
   watch: {
@@ -96,6 +100,11 @@ export default {
       document.getElementById(this.id).click()
     },
     getFileInfo (file) {
+      const acceptedExtensions = ['jpg', 'jpeg', 'png']
+      const name = file.name
+      let extension = name.split('.')[name.split('.').length - 1]
+      extension = extension.toLowerCase()
+      if (acceptedExtensions.includes(extension)) {
         try {
           this.url = URL.createObjectURL(file)
           this.name = file.name
@@ -106,6 +115,9 @@ export default {
           this.name = null
           this.file = null
         }
+      } else {
+        this.showError = true
+      }
     }
   }
 }