front

FILE AJAX로 업로드하기

roynus 2014. 9. 4. 22:07

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

<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;

}