求助:

我最近使用mavon-editor编辑器。这个编辑器,是可以分成2栏的,左右并列显示,请问,怎么在左边的编辑区直接显示上传的图片,而不是只显示图片的名称和链接。

现在是这个样子:

求助:_第1张图片

想搞成,在左边的编辑区直接显示上传的图片。

目前代码是这样的:

// 将图片上传到服务器,返回地址替换到md中

            $imgAdd(pos, $file){

                let formdata = new FormData();

                formdata.append('file', $file);

                this.axios({

                    url: '/v1/files',

                    method: 'post',

                    data: formdata,

                    headers: { 'Content-Type': 'multipart/form-data' },

                }).then((res) => {

                    let _res = res.data;

                    // 第二步.将返回的url替换到文本原位置![...](0) -> ![...](url)

                    this.$refs.md.$img2Url(pos, _res.url);

                })

            },

 

你可能感兴趣的:(vue)