vue 前端上传图片组件

组件使用
1.导入注册

import Update from '@/components/update'
在 对象局部注册该组件 components: {
    Update,

},

2.页面使用

< !--父组件通过fileChange事件用于接收子组件的派发事件 -->
     

 

3.事件处理

fileChange(file) {
    // 因为file是个FormData格式的对象所以可以直接通过接口开始上传，不需要做多余操作
    this.axios.post('/upload/thumb', file).then(res => {
        console.log(res.data.datas)
        this.img = this.HTTP + res.data.datas
    }, err => {
        console.log(err)
    })
},