> 웹 프론트엔드 > JS 튜토리얼 > ajaxFileUpload.js 플러그인이 여러 파일 uploads_javascript 기술을 지원하는 방법

ajaxFileUpload.js 플러그인이 여러 파일 uploads_javascript 기술을 지원하는 방법

WBOY
풀어 주다: 2016-05-16 16:38:06
원래의
1306명이 탐색했습니다.

전제 조건:

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'); }
});

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿