vue图片预览上传

1. 在data里面定义一个变量avatar

   export default {
       data () {
           return {
               avatar: ''
           }
       }
   }
   复制代码

2. 预览图片

   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) /* 上传图片的方法 */
            }
        }
   }
   复制代码

3. 上传图片的headers

   headers: {'Content-type': 'multipart/form-data'}
   复制代码

转载于:https://juejin.im/post/5b4eb6e75188251afa62cb77