## 上传图片



- 目前如果想要支持粘贴插入图片，需要监听on-upload-image事件，在处理函数中上传图片，拿到图片地址后，使用on-ready方法里返回的vm.insertImage方法插入图片。

 > 粘贴插入图片（只支持单张）

- 支持本地图片上传，需要监听on-upload-image事件，在处理函数中上传图片，拿到图片地址后，使用on-ready方法里返回的vm对象，调用insertImage方法插入图片。 

----

```
  <wike_md v-model="val"  ref="md"  @on-ready="onReady"  @on-upload-image="onUpladImage"  > </wike_md>

```


```
    import wk_md from 'wk_md';
    import  axios from  'axios';

    export default {
        name: "wike_md_example",
        components:{
            wk_md
        },
        data: function () {
            return {
                val: '',
                vm:null
            }
        },
        methods: {
            onReady({vm}) {
               //编辑器操作对象的绑定
               this.vm=vm
            },
            onUpladImage(file) {
                let formData = new FormData()
                //file就是后台接收的key
                formData.append('file', file, file.name)
                 //将formdata发送到后台即可
                 axios.post('服务器地址', formData).then((data) => {
                      console.log(data)
                      //取得图片地址插入到编辑器里
                      this.vm.instance.insertImage(data.data.url);
                 })
            }
        }

    }
```