vue图片预览上传

在data里面定义一个变量avatar

export default {
    data () {
        return {
            avatar: ''
        }
    }
}

预览图片

methods: {
    preview (e) {
         let that = this
         let files = e.target.files[0]
         if (!e || !window.FileReader) return
         let reader = new FileReader()
         reader.onloadend = function () {
             that.avatar = this.result
             let formData = new FormData()
             formData.append('file', files)
             that.upload(formData) /* 上传图片的方法 */
         }
     }
}

上传图片的headers

headers: {'Content-type': 'multipart/form-data'}