티스토리 뷰

Web

ajax file upload (multipart/form-data)

deerfrd 2019. 6. 5. 17:38
반응형

기존 ajax로 form을 등록할 때,

 

$.ajax({

    type: 'POST',

    url: '~~~'.

    data: $(form).serialize(),

    dataType: 'json',

    success: function(data) {

            alert("성공");

    }

});

 

이렇게 했는데, form에 첨부파일을 전송하기위해 enctype="multipart/form-data" 를 붙인뒤, 위의 ajax로 데이터를 전송하려고 하니 에러가 떴다.

 

$.ajax({

    type: 'POST',

    url: '~~~'.

    data: new FormData($(form)[0]),

    processData: false,

    contentType: false,

    dataType: 'json',

    success: function(data) {

            alert("성공");

    }

});

 

로 해줘야함.

저 두개의 false 값을 꼭 줘야한다.

반응형
댓글
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2026/01   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함
반응형