Sfoglia il codice sorgente

Increased file size to 2 MB limit

master
GJWilliams87 4 anni fa
parent
commit
0e0348d642
1 ha cambiato i file con 22 aggiunte e 13 eliminazioni
  1. 22
    13
      src/components/property/propertyImage.vue

+ 22
- 13
src/components/property/propertyImage.vue Vedi File

7
           type="file"
7
           type="file"
8
           accept=".jpeg, .jpg, .gif, .png"
8
           accept=".jpeg, .jpg, .gif, .png"
9
           value="Upload Photo"
9
           value="Upload Photo"
10
-          style="width: 0px;height: 0px;overflow: hidden;"
10
+          style="width: 0px; height: 0px; overflow: hidden"
11
           name="images[]"
11
           name="images[]"
12
           @change="imagesAdd"
12
           @change="imagesAdd"
13
           :multiple="allowMultiple"
13
           :multiple="allowMultiple"
27
           @change="updateList(i)"
27
           @change="updateList(i)"
28
           :disabled="!mayEdit"
28
           :disabled="!mayEdit"
29
         />
29
         />
30
-        <label v-if="allowMultiple" for="checkbox" style="margin: 10px;">Main Image</label>
31
-        <img :src="img" style="height:200px; width:150px; object-fit: cover;" />
30
+        <label v-if="allowMultiple" for="checkbox" style="margin: 10px"
31
+          >Main Image</label
32
+        >
33
+        <img
34
+          :src="img"
35
+          style="height: 200px; width: 150px; object-fit: cover"
36
+        />
32
         <br />
37
         <br />
33
         <!-- <span class="input-group-text" align="center" style="width:150px" @click="removeImage(key)">
38
         <!-- <span class="input-group-text" align="center" style="width:150px" @click="removeImage(key)">
34
           <eva-icon name="trash-2-outline" fill="#60CBEB"></eva-icon>Delete
39
           <eva-icon name="trash-2-outline" fill="#60CBEB"></eva-icon>Delete
35
         </span>-->
40
         </span>-->
36
-        <button v-if="mayEdit" class="imageDeleteButton" @click="removeImage(i)">
41
+        <button
42
+          v-if="mayEdit"
43
+          class="imageDeleteButton"
44
+          @click="removeImage(i)"
45
+        >
37
           <i class="fa fa-trash"></i>
46
           <i class="fa fa-trash"></i>
38
         </button>
47
         </button>
39
       </div>
48
       </div>
48
     loadedImages: Function,
57
     loadedImages: Function,
49
     mayEdit: { type: Boolean, default: () => true },
58
     mayEdit: { type: Boolean, default: () => true },
50
     allowMultiple: { type: Boolean, default: () => true },
59
     allowMultiple: { type: Boolean, default: () => true },
51
-    savedImages: { type: Array, default: () => [] }
60
+    savedImages: { type: Array, default: () => [] },
52
   },
61
   },
53
   data() {
62
   data() {
54
     return {
63
     return {
55
       images: {},
64
       images: {},
56
       image: [],
65
       image: [],
57
       imagesDefault: [],
66
       imagesDefault: [],
58
-      maxSavedIndex: 0
67
+      maxSavedIndex: 0,
59
     };
68
     };
60
   },
69
   },
61
   // Commented out for now.
70
   // Commented out for now.
76
       const files = e.target.files || e.dataTransfer.files;
85
       const files = e.target.files || e.dataTransfer.files;
77
 
86
 
78
       for (let i = 0; i < files.length; i++) {
87
       for (let i = 0; i < files.length; i++) {
79
-        if (files[i].size > 1048576) {
88
+        if (files[i].size > 2097152) {
80
           alert(
89
           alert(
81
-            "One or more of your images are over 1 mb size. Please ensure that all your files are under 1 mb in size."
90
+            "One or more of your images are over 2 mb size. Please ensure that all your files are under 2 mb in size."
82
           );
91
           );
83
           return;
92
           return;
84
         }
93
         }
97
         const reader = new FileReader();
106
         const reader = new FileReader();
98
         var vm = this;
107
         var vm = this;
99
 
108
 
100
-        reader.onload = e => {
109
+        reader.onload = (e) => {
101
           vm.image.push(e.target.result);
110
           vm.image.push(e.target.result);
102
         };
111
         };
103
         reader.readAsDataURL(file[i]);
112
         reader.readAsDataURL(file[i]);
127
         }
136
         }
128
         this.$emit("DefaultImage", index);
137
         this.$emit("DefaultImage", index);
129
       }
138
       }
130
-    }
139
+    },
131
   },
140
   },
132
   watch: {
141
   watch: {
133
     savedImages: {
142
     savedImages: {
142
             this.maxSavedIndex = i;
151
             this.maxSavedIndex = i;
143
           }
152
           }
144
         }
153
         }
145
-      }
146
-    }
147
-  }
154
+      },
155
+    },
156
+  },
148
 };
157
 };
149
 </script>
158
 </script>
150
 
159
 

Loading…
Annulla
Salva