Vue.js图片上传到服务器+预览怎么实现？

[伪墨]

上传图片之后，能预览图片；
图片存放路径反显图片存放路径（要入库）。
前后台需要怎么操作？

部分代码：

        <FormItem>
          <input type="file" id="uploadIcon" accept="image/*" @change="uploadImg($event)" ref="uploadIcon">
        </FormItem>
        <FormItem label="图片存放路径" prop="iconPath">
          <Input v-model="bannerForm.iconPath" disabled/>
        </FormItem>

         uploadImg (e) {
                let file = e.target.files[0];
                let reader = new FileReader();
                let that = this;
                reader.readAsDataURL(file)
                reader.onload = function(e) {
                    that.uploadIcon = this.result
                }
            },