Upload ảnh không sử dụng submit từ form (MultipartFile)

org.springframework.web.multipart.MultipartException: Current request is not a multipart request

Và đây là code mình post file bằng ajax

postImage() {
            var formData = new FormData();
            console.log(this.$refs.file.files[0])

            formData.append('file', this.$refs.file.files[0])

            console.log(formData.getAll('file'))

            axios.post("<spring:url value="/sach/postAnh" />", {

                filePost: formData
            })
                .then(function (value) {
                    console.log('Thanh cong')
                })
                .catch(function (reason) {
                    console.log('Loi')
                })
            // formData.append('file', this.file)
        }

Mình đang viết bằng Spring MVC. Sử dụng MultipartFile để nhận file từ request.

Và mình test post ảnh bằng submit đã thành công rồi ạ. Nhưng mình muốn tìm hiểu xem post bằng ajax. Nhưng làm mãi không được. Mọi người ai biết cách post chỉ giúp mình với. Tại mình nhận thấy nếu post được bằng ajax thì thật sự nó rất hay và linh động @@!

Mong mọi người chỉ giáo :sunny:

phải thêm header của request ‘Content-Type’: ‘multipart/form-data’ nhé

2 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?