반응형
JQuery.handleError를 던지는 Ajax 업로드 플러그인을 찾을 수 없습니다.
저는 PHP Letter의 ajax 파일 업로드 플러그인을 사용하고 있으며 jQuery 1.6.2를 사용하고 있습니다.파일이 제대로 업로드되지만 php 스크립트에서 반환된 JSON 데이터를 사용할 수 없습니다. javascript 오류 콘솔을 확인했을 때 이 오류로 인사했습니다.
"UncatchedTypeError: 객체 함수(a,b){returnnew e.fn.init(a,b,h)}에 'handleError' 메서드가 없습니다."
크롬으로
"jQuery.handleError는 함수가 아닙니다."
파이어폭스에서
비슷한 경험을 한 사람이 있습니까?
당신이 이것을 jQuery의 최신 버전과 함께 사용하려고 할 때였습니다.handleError 함수는 V 1.5보다 상위 라이브러리에서 감가상각됩니다. 이 함수를 ajaxfileupload.js 파일에 추가하여 해결합니다.
handleError: function( s, xhr, status, e ) {
// If a local callback was specified, fire it
if ( s.error ) {
s.error.call( s.context || window, xhr, status, e );
}
// Fire the global callback
if ( s.global ) {
(s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
}
}
저한테는 잘 맞습니다.또한 같은 페이지에서 ajaxSubmit()를 사용하려고 하면 작동하지 않으므로 jxfileuppload와 함께 일반 양식 submit을 사용합니다.같은 방법으로 도와줄 수 있는 사람이 있으면 알려주세요.
http://forum.phpletter.com/viewtopic.php?f=8&t=3044
최신 jQuery에는 jQuery.handleError(s, xml, status, e) 메서드가 없습니다.
따라서 오류가 발생할 경우 파일 업로더는 모든 Javascript를 중단합니다.
이 업로더 스크립트는 작고 우아하며 좋습니다.하지만, 그것은 꽤 오래되었고, jQuery는 그 이후로 아약스 핸들링을 완전히 재설계했습니다.다음 번에는 진행 표시줄과 드래그 앤 드롭 지원이 있는 현대적인 복잡한 스크립트를 사용해 보겠습니다. http://valums.com/ajax-upload/
그렇지 않으면 레거시 코드 또는 단순성의 이유로 ajaxfileupoad.js(버전 2.1)의 이 수정이 유용하다는 것을 알게 될 것입니다. 글로벌 "ajaxError" 이벤트는 지원되지 않습니다.
jQuery.extend({)
createUploadIframe: 함수(id, uri){//프레임 만들기varframeId = 'jUploadFrame' + id;variframeHtml = '';jQuery(iframeHtml).appendTo(document.body);
반환 jQuery('#' + frameId).get(0);},createUploadForm: 함수(id, fileElementId, 데이터){//양식 만들기varformId = 'jUploadForm' + id;varfileId = 'jUploadFile' + id;넝쿨폼 = jQuery(');if(자료){(데이터에 따라 다름){jQuery(').appendTo(양식);}}varoldElement = jQuery('#' + 파일)요소 ID);varnewElement = jQuery(oldElement)입니다.클론 »;jQuery(oldElement).attr('id', fileId);jQuery(이전 요소)입니다.이전(새 요소);jQuery(이전 요소)입니다.추가 대상(양식);
//속성 설정jQuery(양식).css('위치', '절대');jQuery(양식).css('top', '-1200px');jQuery(양식).css('left', '-1200px');jQuery(양식).추가 대상('본문');반품 양식;},
ajaxFileUpload: 함수 {TODO는 글로벌 설정을 도입하여 클라이언트가 시간 제한뿐만 아니라 모든 요청에 대해 글로벌 설정을 수정할 수 있도록 합니다.s = jQuery.extend({}, jQuery.ajaxSettings, s);유효한 = 새 날짜().getTime()varform = jQuery.createUploadForm(id, s.fileElementId, ((s.data)=='false'?false:s.data);vario = jQuery.createUploadIframe(id, s.secureuri);varframeId = 'jUploadFrame' + id;varformId = 'jUploadForm' + id;새 요청 집합 확인if ( s.global & & ! jQuery.active++ ){jQuery.event.trigger( "ajaxStart");}var requestDone = false;요청 개체 생성var xml = {}if ( s.global )jQuery.event.trigger("ajaxSend"), [x]ml, s];응답이 돌아올 때까지 대기var uploadCallback = 함수(isTimeout){vario = document.getElementById(frameId);해라{if(io.contentWindow){xml.responseText = io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:null;xml.responseXML = io.contentWindow.document.XMLDocument?io.contentWindow.document입니다.XML 문서:io.contentWindow.document;
}다른 경우(io.contentDocument){xml.responseText = io.contentDocument.body?io.contentDocument.document.body.innerHTML:null;xml.responseXML = io.contentDocumentDocument.document.XMLDocument?io.contentDocumentDocument.document.XMLDocument:io.contentDocument.document;}}개(e){jQuery.my _handleError(s, xml, null, e);}if (xml || isTimeout == "filename"){요청 완료 = true;var 상태;시험해 보다status = is Timeout != ? "success" : "error";요청이 성공적인지 또는 수정되지 않았는지 확인합니다.if (상태!= "오류" ){데이터 처리(xml 제외)콜백에 관계없이 httpData를 통해)var data = jQuery.uploadHttpData(xml, s.dataType);로컬 콜백이 지정된 경우 해당 콜백을 실행하고 데이터를 전달합니다.if(s.s.성공)s.성공(데이터, 상태);
글로벌 콜백 실행if(s.global)jQuery.event.trigger( "ajaxSuccess", [xml, s] );그 외의jQuery.my _handleError(s, xml, status);캐치(e){상태 = "오류";jQuery.my _handleError(s, xml, status, e);}
요청이 완료되었습니다.if(s.global)jQuery.event.trigger( "ajaxComplete", [xml, s] );
글로벌 AJAX 카운터 처리if (s.global & & ! --jQuery.active)jQuery.event.trigger( "axStop");
처리결과if (s.complete)s.complete(xml, 상태);
jQuery(io).unbind()
setTimeout(함수()시험삼아 보다{jQuery(io).remove();jQuery(양식).제거(());
캐치(e){jQuery.my _handleError(s, xml, null, e);}
}, 100)
xml = null입니다.
}}시간 초과 확인기if ( s.s.s.s.s > 0 ){setTimeout(function(){요청이 여전히 진행 중인지 확인합니다.if(!requestDone ) uploadCallback("timeout");s.1987);}해라{
var form = jQuery('#' + forId);jQuery(양식).attr('action', s.url);jQuery(form).attr('method', 'POST');jQuery(form).attr('target', frameId);if(형식.dll){jQuery(form).attr('encoding', 'multipart/form-data');}또 다른{jQuery(form).attr('entype', 'multipart/form-data');}jQuery(양식).제출 »;
캐치(e){jQuery.my _handleError(s, xml, null, e);}
jQuery('#' + frameId).load(업로드 콜백);반환 {property: 함수() {}};
},
uploadHttpData: function( r, type ) {var 데이터 = !type;data = type == "xml" || data ? r.responseXML : r. 응답텍스트;유형이 "script"인 경우 글로벌 컨텍스트에서 평가if (타입 == "script" )jQuery.globalEval(데이터);JSON이 사용되는 경우 JavaScript 개체를 가져옵니다.if (타입 == "json" )eval( "data =" + data );HTML 내에서 스크립트 평가if (유형 == "filename")jQuery(".html(data).evalScripts();//param('param', data).각(function {param(데이터)).attr('value');););반환 데이터;},
jQuery 1.2 함수 대체: */my_handleError: 함수(s, xhr, status, e ) {로컬 콜백이 지정된 경우 해당 콜백을 실행합니다.if ( s.error ) s.error ( xhr, status, e );
글로벌 콜백 실행호환되지 않음!!!현대 jQuery 1.5+에서는 xhr이 jqXHR 개체여야 합니다.if ( s.global )jQuery.event.trigger( "ajaxError", [xhr, s, e]);*/}})
저도 이 플러그인을 사용하고 있으며 새로운 버전의 jQuery와 호환되지 않습니다.저는 제 프로젝트에 jquery-1.9.1.js를 사용합니다.
플러그인은 jquery-1.2.1.js와 함께 사용됩니다.
저는 중국 웹사이트에서 해결책을 찾았습니다: http://chen-h.iteye.com/blog/1769457 저는 이 버전을 테스트했고 그것은 작동합니다.이제 콜백은 괜찮습니다.
저는 중국어를 할 줄 모르지만 개발자가 이 플러그인을 Jquery의 새로운 버전으로 변환한 것 같습니다.
jQuery.extend({
handleError: function( s, xhr, status, e ) {
// If a local callback was specified, fire it
if ( s.error ) {
s.error.call( s.context || s, xhr, status, e );
}
// Fire the global callback
if ( s.global ) {
(s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
}
},
createUploadIframe: function(id, uri)
{
var frameId = 'jUploadFrame' + id;
if(window.ActiveXObject) {
if(jQuery.browser.version=="9.0")
{
io = document.createElement('iframe');
io.id = frameId;
io.name = frameId;
}
else if(jQuery.browser.version=="6.0" || jQuery.browser.version=="7.0" || jQuery.browser.version=="8.0")
{
var io = document.createElement('<iframe id="' + frameId + '" name="' + frameId + '" />');
if(typeof uri== 'boolean'){
io.src = 'javascript:false';
}
else if(typeof uri== 'string'){
io.src = uri;
}
}
}
else {
var io = document.createElement('iframe');
io.id = frameId;
io.name = frameId;
}
io.style.position = 'absolute';
io.style.top = '-1000px';
io.style.left = '-1000px';
document.body.appendChild(io);
return io;
},
ajaxUpload:function(s,xml){
//if((fromFiles.nodeType&&!((fileList=fromFiles.files)&&fileList[0].name)))
var uid = new Date().getTime(),idIO='jUploadFrame'+uid,_this=this;
var jIO=$('<iframe name="'+idIO+'" id="'+idIO+'" style="display:none">').appendTo('body');
var jForm=$('<form action="'+s.url+'" target="'+idIO+'" method="post" enctype="multipart/form-data"></form>').appendTo('body');
var oldElement = $('#'+s.fileElementId);
var newElement = $(oldElement).clone();
$(oldElement).attr('id', 'jUploadFile'+uid);
$(oldElement).before(newElement);
$(oldElement).appendTo(jForm);
this.remove=function()
{
if(_this!==null)
{
jNewFile.before(jOldFile).remove();
jIO.remove();jForm.remove();
_this=null;
}
}
this.onLoad=function(){
var data=$(jIO[0].contentWindow.document.body).text();
try{
if(data!=undefined){
data = eval('(' + data + ')');
try {
if (s.success)
s.success(data, status);
// Fire the global callback
if(s.global)
jQuery.event.trigger("ajaxSuccess", [xml, s]);
if (s.complete)
s.complete(data, status);
xml = null;
} catch(e)
{
status = "error";
jQuery.handleError(s, xml, status, e);
}
// The request was completed
if(s.global)
jQuery.event.trigger( "ajaxComplete", [xml, s] );
// Handle the global AJAX counter
if (s.global && ! --jQuery.active )
jQuery.event.trigger("ajaxStop");
// Process result
}
}catch(ex){
alert(ex.message);
};
}
this.start=function(){jForm.submit();jIO.load(_this.onLoad);};
return this;
},
createUploadForm: function(id, url,fileElementId, data)
{
//create form
var formId = 'jUploadForm' + id;
var fileId = 'jUploadFile' + id;
var form = jQuery('<form action="'+url+'" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>');
if(data)
{
for(var i in data)
{
jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);
}
}
var oldElement = jQuery('#' + fileElementId);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
//set attributes
jQuery(form).css('position', 'absolute');
jQuery(form).css('top', '-1200px');
jQuery(form).css('left', '-1200px');
jQuery(form).appendTo('body');
return form;
},
ajaxFileUpload: function(s) {
// TODO introduce global settings, allowing the client to modify them for all requests, not only timeout
// Create the request object
var xml = {};
s = jQuery.extend({}, jQuery.ajaxSettings, s);
if(window.ActiveXObject){
var upload = new jQuery.ajaxUpload(s,xml);
upload.start();
}else{
var id = new Date().getTime();
var form = jQuery.createUploadForm(id,s.url, s.fileElementId, (typeof(s.data)=='undefined'?false:s.data));
var io = jQuery.createUploadIframe(id, s.secureuri);
var frameId = 'jUploadFrame' + id;
var formId = 'jUploadForm' + id;
// Watch for a new set of requests
if ( s.global && ! jQuery.active++ )
{
jQuery.event.trigger( "ajaxStart" );
}
var requestDone = false;
if ( s.global )
jQuery.event.trigger("ajaxSend", [xml, s]);
// Wait for a response to come back
var uploadCallback = function(isTimeout)
{
var io = document.getElementById(frameId);
try
{
if(io.contentWindow)
{
xml.responseText = io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:null;
xml.responseXML = io.contentWindow.document.XMLDocument?io.contentWindow.document.XMLDocument:io.contentWindow.document;
}else if(io.contentDocument)
{
xml.responseText = io.contentDocument.document.body?io.contentDocument.document.body.innerHTML:null;
xml.responseXML = io.contentDocument.document.XMLDocument?io.contentDocument.document.XMLDocument:io.contentDocument.document;
}
}catch(e)
{
jQuery.handleError(s, xml, null, e);
}
if ( xml || isTimeout == "timeout")
{
requestDone = true;
var status;
try {
status = isTimeout != "timeout" ? "success" : "error";
// Make sure that the request was successful or notmodified
if ( status != "error" )
{
// process the data (runs the xml through httpData regardless of callback)
var data = jQuery.uploadHttpData(xml, s.dataType);
// If a local callback was specified, fire it and pass it the data
if (s.success)
s.success(data, status);
// Fire the global callback
if(s.global)
jQuery.event.trigger("ajaxSuccess", [xml, s]);
if (s.complete)
s.complete(data, status);
} else
jQuery.handleError(s, xml, status);
} catch(e)
{
status = "error";
jQuery.handleError(s, xml, status, e);
}
// The request was completed
if(s.global)
jQuery.event.trigger( "ajaxComplete", [xml, s] );
// Handle the global AJAX counter
if (s.global && ! --jQuery.active )
jQuery.event.trigger("ajaxStop");
// Process result
jQuery(io).unbind();
setTimeout(function()
{ try
{
jQuery(io).remove();
jQuery(form).remove();
} catch(e)
{
jQuery.handleError(s, xml, null, e);
}
}, 100);
xml = null;
}
};
// Timeout checker
if (s.timeout>0)
{
setTimeout(function(){
// Check to see if the request is still happening
if( !requestDone ) uploadCallback("timeout");
}, s.timeout);
}
try
{
var form = jQuery('#' + formId);
jQuery(form).attr('action', s.url);
jQuery(form).attr('method', 'POST');
jQuery(form).attr('target', frameId);
if(form.encoding)
{
jQuery(form).attr('encoding', 'multipart/form-data');
}
else
{
jQuery(form).attr('enctype', 'multipart/form-data');
}
jQuery(form).submit();
} catch(e)
{
jQuery.handleError(s, xml, null, e);
}
jQuery('#'+ frameId).load(uploadCallback);
return {abort: function () {}};
}
},
uploadHttpData: function( r, type ) {
var data = !type;
data = type == "xml" || data ? r.responseXML : r.responseText;
// If the type is "script", eval it in global context
if ( type == "script" )
jQuery.globalEval( data );
// Get the JavaScript object, if JSON is used.
if ( type == "json" ){
eval( "data = " + $(data).html() );
}
// evaluate scripts within html
if ( type == "html" )
jQuery("<div>").html(data).evalScripts();
return data;
}
});
예제에서는 jQuery 1.2.1을 사용합니다.
http://www.phpletter.com/javascript/jquery.js
그jQuery.handleError()얼마 전에 제거됐어요, 언제인지는 잘 모르겠어요.
이전 jQuery 버전을 사용하거나 직접 스크립트를 업데이트하거나 최신 스크립트를 찾아야 합니다.http://valums.com/ajax-upload/ 을 사용하거나 몇 가지를 검색해 보십시오. 하지만 마지막 업데이트 날짜를 확인하는 것만 기억하세요!
비슷한 플러그인을 찾아서 필요에 맞게 수정했습니다. $.handleError() 제거에 대해 알려주셔서 감사합니다.
이 기사는 AJAX Upload를 잘 적용하고 코드 점화기용임에도 불구하고 설명합니다.교체해야 한다는 것만 빼면 효과가 있었습니다.
dataType: 'json'
타고
dataType: 'html'
json과 약간의 문제가 있는 것 같습니다.
또한 상대 URL은 나에게 효과가 없어서 절대 URL을 넣었습니다.
url :'http://localhost/satyam/LifeBook/places/upload_file',
그리고 분명히 잊지 않으려면 ajaxupload.js 파일에 handlError 함수를 끝까지 작성해야 합니다.http://www.kovloq.com/2011/10/23/ajax-upload-using-codeigniter/
언급URL : https://stackoverflow.com/questions/8627201/ajax-upload-plugin-throwing-jquery-handleerror-not-found
반응형
'programing' 카테고리의 다른 글
| Git: 로컬 레포가 최신 상태인지 확인하는 방법은 무엇입니까? (0) | 2023.08.14 |
|---|---|
| 실행 중인 SetInterval 간격 변경 (0) | 2023.08.14 |
| 모든 콘솔 메시지에 타임스탬프 추가 (0) | 2023.08.14 |
| Oracle 클라이언트 및 네트워킹 구성 요소를 찾을 수 없습니다. (0) | 2023.08.14 |
| fork() 뒤에 있는 'file descriptor'에 대한 간단한 설명 찾기 (0) | 2023.08.14 |