$.ajax 로 폼데이터 및 이미지 전송

ajax 로 Form Data 전송

var postData = new FormData();  
$.each($('#editForm').serializeArray(),function(key,row){ 
    postData.append(row.name,row.value);
}); 
var maxSize = 0;
$.each($("#attachImage")[0].files, function(i, file) {
    console.log(file);
    // maxSize += file.size;
    postData.append('photo['+i+']', file);
});  
if(maxSize > 0){
    var maxSizeMb = maxSize / 1000 / 1000;
    console.log(maxSizeMb);
    if(maxSizeMb > 10){
        alert('첨부 이미지는 한번에 10MB 까지 가능합니다.'); 
        return false;
    }
}  
$("#btnSubmit").prop("disabled", true);
$.ajax({
     url: "./uploadImage",
     data: postData,
     cache: false,
     contentType: false,
     processData: false,
     type: 'POST',
     dataType:'json',
     success: function(res) {
        $("#btnSubmit").prop("disabled", true);

    }
});
2 Comments
Jordan Singer
2d
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Non minima ipsum at amet doloremque qui magni, placeat deserunt pariatur itaque laudantium impedit aliquam eligendi repellendus excepturi quibusdam nobis esse accusantium.
2 replies
Brandon Smith
2d
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
James Parsons
1d
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio dolore sed eos sapiente, praesentium.
Santiago Roberts
4d
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto laborum in corrupti dolorum, quas delectus nobis porro accusantium molestias sequi.