본문 바로가기

front

FILE AJAX로 업로드하기

===========================예제==========================

<form id="boardFrm" name="boardFrm" method="post" action="" enctype="multipart/form-data">

<input type="hidden" name="ref_file_list_0"  value="_referenced_" />

<input type="hidden" name="ref_file_list_0.nid"  value="0" />

<input type="hidden" name="ref_file_list_0.tid"  value="ps_board_attachment" />

<input type="hidden" name="ref_file_list_0.file_nm"  value="900000000_attache_file_0" />

<!-- 파일 업로드 -->

<dd><input type="file" name="ref_file_list_0.file_path" id="file_path"></dd>

</form>

예제 스크립트

var data = new FormData($("#"+formId)[0]);

console.log(data.toSource());

var result  = ajaxFileSubmit(url, data);

function ajaxFileSubmit(url, data){

var result = "";

$.ajax({

        type: "post",

        dataType: "JSON",

        url:url,

        data: data,

enctype: "multipart/form-data",

cache: false,

contentType:false,

processData: false,

async: false,

        success : function(data) {

         result = data;

        },

        error : function(xhr, status, error) {

         alert("code:" + r.status + "\nmessage:" + r.responseText + "\nerror:" + error);

        }

    });

return result;

}

'front' 카테고리의 다른 글

element의 크기/위치 정보와 관련된 프로퍼티-메소드(offsetLeft....etc)  (0) 2015.01.04
익스프레션 언어  (0) 2014.10.29
자주쓰는 정규식  (0) 2014.10.24
el 식  (0) 2014.10.21
jstl 함수정리  (0) 2014.09.11