Ability to preview and upload logo and background images

Re: pleroma#1516 (closed)

Complementary BE MR pleroma!2388 (merged)

Screenshots:

mobile

src/views/settings/components/inputComponents/ImageUpload.vue

@@ -13,6 +13,7 @@
             {{ $t('settings.changeImage') }}
           </div>
           <el-image
+            v-loading="loading"
             :src="imageUrl(inputValue)"
             :style="dimensions"
             class="uploaded-image"
@@ -64,6 +65,11 @@ export default {
       }
     }
   },
+  data() {
+    return {
+      loading: false
+    }
+  },
   computed: {
     fullSize() {
       if (this.setting.key === ':background') {
@@ -98,7 +104,9 @@ export default {
       reader.onload = ({ target }) => {
         const formData = new FormData()
         formData.append('file', file)
+        this.loading = true
         uploadMedia({ formData }).then(response => {
+          this.loading = false
           this.$emit('change', { tuple: [':image_url', response.url] })
         })
       }