전제 조건:
ajaxFileUpload.js 플러그인 다중 파일 업로드
단계:
1. 소스 코드 수정(소스 코드는 단일 파일 업로드만 지원):
//수정 전 코드------
//var oldElement = jQuery('#' fileElementId)
//var newElement = jQuery(oldElement).clone()
//jQuery(oldElement).attr('id', fileId)
//jQuery(oldElement).before(newElement)
;
//jQuery(oldElement).appendTo(form)
;
//수정 전 코드------
//수정된 코드---------
for(fileElementId의 var i){
var oldElement = jQuery('#' fileElementId[i])
var newElement = jQuery(oldElement).clone()
jQuery(oldElement).attr('id', fileId)
jQuery(oldElement).before(newElement)
jQuery(oldElement).appendTo(양식)
}
//수정된 코드---------
2. 사용방법 :
$.ajaxFileUpload({
URL: "./upload/upload.action",
보안 : 거짓,
//fileElementId:'uploadfile1',//원래 사용법
fileElementId: ['uploadfile1','uploadfile2','uploadfile3','uploadfile4','uploadfile5'],//현재 사용량
데이터 유형: 'json',
성공 : 함수(데이터) {
아약스로드엔드()
if (data.result == "성공") {
$.messager.alert('메시지','가져오기에 성공했습니다.','정보')
} 다른 {
$('#import_right').dialog('열기')
$.messager.alert('메시지','가져오기에 실패했습니다.
오류 메시지:' data.message,'error')
}
},
오류: 함수(데이터, 상태, e)
{
아약스로드엔드()
$.messager.alert('메시지','가져오기에 실패했습니다.
오류 메시지: 네트워크 예외 또는 양식 데이터 오류입니다.','error');
}
});