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'}
複製程式碼