Increased file size to 2 MB limit

src/components/property/propertyImage.vue

@@ -7,7 +7,7 @@
           type="file"
           accept=".jpeg, .jpg, .gif, .png"
           value="Upload Photo"
-          style="width: 0px;height: 0px;overflow: hidden;"
+          style="width: 0px; height: 0px; overflow: hidden"
           name="images[]"
           @change="imagesAdd"
           :multiple="allowMultiple"
@@ -27,13 +27,22 @@
           @change="updateList(i)"
           :disabled="!mayEdit"
         />
-        <label v-if="allowMultiple" for="checkbox" style="margin: 10px;">Main Image</label>
-        <img :src="img" style="height:200px; width:150px; object-fit: cover;" />
+        <label v-if="allowMultiple" for="checkbox" style="margin: 10px"
+          >Main Image</label
+        >
+        <img
+          :src="img"
+          style="height: 200px; width: 150px; object-fit: cover"
+        />
         <br />
         <!-- <span class="input-group-text" align="center" style="width:150px" @click="removeImage(key)">
           <eva-icon name="trash-2-outline" fill="#60CBEB"></eva-icon>Delete
         </span>-->
-        <button v-if="mayEdit" class="imageDeleteButton" @click="removeImage(i)">
+        <button
+          v-if="mayEdit"
+          class="imageDeleteButton"
+          @click="removeImage(i)"
+        >
           <i class="fa fa-trash"></i>
         </button>
       </div>
@@ -48,14 +57,14 @@ export default {
     loadedImages: Function,
     mayEdit: { type: Boolean, default: () => true },
     allowMultiple: { type: Boolean, default: () => true },
-    savedImages: { type: Array, default: () => [] }
+    savedImages: { type: Array, default: () => [] },
   },
   data() {
     return {
       images: {},
       image: [],
       imagesDefault: [],
-      maxSavedIndex: 0
+      maxSavedIndex: 0,
     };
   },
   // Commented out for now.
@@ -76,9 +85,9 @@ export default {
       const files = e.target.files || e.dataTransfer.files;
 
       for (let i = 0; i < files.length; i++) {
-        if (files[i].size > 1048576) {
+        if (files[i].size > 2097152) {
           alert(
-            "One or more of your images are over 1 mb size. Please ensure that all your files are under 1 mb in size."
+            "One or more of your images are over 2 mb size. Please ensure that all your files are under 2 mb in size."
           );
           return;
         }
@@ -97,7 +106,7 @@ export default {
         const reader = new FileReader();
         var vm = this;
 
-        reader.onload = e => {
+        reader.onload = (e) => {
           vm.image.push(e.target.result);
         };
         reader.readAsDataURL(file[i]);
@@ -127,7 +136,7 @@ export default {
         }
         this.$emit("DefaultImage", index);
       }
-    }
+    },
   },
   watch: {
     savedImages: {
@@ -142,9 +151,9 @@ export default {
             this.maxSavedIndex = i;
           }
         }
-      }
-    }
-  }
+      },
+    },
+  },
 };
 </script>