전제 조건 :
ajaxfileupload.js 플러그인 다중 파일 업로드
단계:
1. 소스 코드 수정 (소스 코드는 단일 파일의 업로드 만 지원) :
코드 사본은 다음과 같습니다.
// 수정 전 코드 --------
// var oldlement = jQuery ( '#' + fileElementId);
// var newlement = jQuery (OldElement) .Clone ();
//jQuery(OldElement) .attr('Id ', fileId);
//jQuery(OldElement) .before(newelement);
//jQuery(OldElement) .appendto(form);
// 수정 전 코드 --------
// 수정 된 코드 --------
for (fileElementId의 var i) {
var oldlement = jQuery ( '#' + fileElementId [i]);
var newlement = jQuery (구정) .Clone ();
jQuery (구정) .attr ( 'id', fileId);
jQuery (Oldlement).
jQuery (Oldlement) .appendto (form);
}
// 수정 된 코드 --------
2. 사용 방법 :
코드 사본은 다음과 같습니다.
$ .ajaxfileupload ({{
URL : "./upload/upload.action",
Secureuri : False,
// fileElementId : 'uploadfile1', // 원래 사용법 방법
fileElementId : [ 'uploadfile1', 'uploadfile2', 'uploadfile3', 'uploadfile4', 'uploadfile5'], // 이제 메소드를 사용합니다
데이터 유형 : 'JSON',
성공 : 기능 (데이터) {
ajaxloadend ();
if (data.result == "success") {
$ .messager.Alert ( '정보', '성공적으로 가져옵니다.', 'Info');
} 또 다른 {
$ ( '#import_right'). 대화 상자 ( 'Open');
$ .messager.alert ( '정보', '가져 오기 실패. <br> 오류 메시지 :'+data.message, 'error');
}
},
오류 : 함수 (데이터, 상태, e)
{
ajaxloadend ();
$ .messager.alert ( '정보', '가져 오기 실패. <br> 오류 메시지 : 네트워크 예외 또는 양식 데이터 오류', '오류');
}
});