preview img

pages/home.vue

@@ -79,6 +79,6 @@
 <script>
 export default {
   layout: 'admin',
-  middleware: ['web'],  
+  middleware: ['web']
 }
 </script>

pages/posts/index.vue

@@ -290,6 +290,15 @@
                             @change="fileSelected"
                           />
                         </v-col>
+                        <v-col cols="12">
+                          <img
+                            v-if="file"
+                            contain
+                            max-height="300"
+                            max-width="500"
+                            :src="file"
+                          >
+                        </v-col>
                       </v-row>
                     </v-container>
                     <small>*indicates required field</small>
@@ -682,8 +691,12 @@ export default {
         })
     },
     fileSelected (event) {
-      console.log(event)
-      console.log(this.images)
+      if (event) {
+        this.file = URL.createObjectURL(event)
+        console.log(this.file)
+      } else {
+        this.file = null
+      }
     }
   }
 }