메뉴 건너뛰기

조회 수 7791 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

FormData를 이용한 JQuery Ajax 파일 업로드 샘플


// form 값 전부 보내기

$('.btn_upfile').click(function(){

  

    var idx = $(this).parent().parent().index();

    var frm = document.getElementById('frm_store');

    frm.method = 'POST';

    frm.enctype = 'multipart/form-data';

  

    var fileData = new FormData(frm);

  

    // ajax

    $.ajax({

        url:'/intra_tmp/backend/image_upload.php',

        type:'POST',

        data:fileData,

        async:false,

        cache:false,

        contentType:false,

        processData:false

    }).done(function(response){

        alert(response);

    });

  

});

  

// 필요한 값만 보내기

$('.btn_upfile').click(function(){

  

    var idx = $(this).parent().parent().index();

    var frm = document.getElementById('frm_store');

    frm.method = 'POST';

    frm.enctype = 'multipart/form-data';

  

    var shopNo = frm.shop_No.value;

    var files = $('#t_img_manager tr:eq('+idx+') .frm_file')[0].files[0];

    var fileData = new FormData();

  

    fileData.append('shopNo', shopNo);

    fileData.append(idx, files);

  

    // ajax

    $.ajax({

        url:'/intra_tmp/backend/image_upload.php',

        type:'POST',

        data:fileData,

        async:false,

        cache:false,

        contentType:false,

        processData:false

    }).done(function(response){

        alert(response);

    });

  

});



List of Articles
번호 제목 날짜 조회 수
119 검토하기: jQuery를 이용하여 form 처리하기 2017.03.02 7511
118 jquery 이용한 필수입력체크(input form) 2017.03.02 10557
117 jQuery 실행패턴 2017.03.02 6681
116 jQuery 입문: form 데이터 유효성 검사 2017.03.02 11799
115 예제로 만나보는 제이쿼리 - 비동기 파일업로드 file 2017.03.06 7343
114 파일 업로드 방법, 이미지 파일 업로드 예제 소스 2017.03.06 9028
» Ajax 파일 업로드 샘플 코드 2017.03.11 7791
112 jquery를 활용한 입력폼 초기화하기 2017.03.27 8702
111 jquery css div, li 리스트 선택한 메뉴 변경 출처: http://okkks.tistory.com/1062 [이건없지] file 2017.07.05 5794
110 jquery 체크박스 배열 처리. 변수 하나에 담기. 2018.07.04 4657
109 jQuery 유효성 검사 2018.07.04 3362
108 jQuery selectBox 컨트롤. 2018.07.25 2558
107 jquery - select option 선택값 가져오기 2018.09.06 5330
106 jQuery 폼 입력값 체크 예제 2018.09.06 2092
105 입력폼에 입력되는 값의 유효성 체크하기 두번째 file 2018.09.06 1835
104 페이지 이동 제어 - href, replace, pushState() 2018.09.06 2620
103 외부 파일 드래그 드롭 구현 file 2018.09.06 1678
102 드래그 & 드랍 구현 - on()[이벤트리스너] file 2018.09.06 2888
101 [jQuery] 확인 창(confirm), 페이지 이동(location.replace) 2018.09.06 2649
100 [jQuery] input 박스에 maxlength 만큼 입력했을 때 자동으로 다음 박스로 이동하기 2018.09.06 1813
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved