ExtJS+Jquery实现文件上传

1. jQuery.extend({
3. createUploadIframe:function(id,uri){
5. varframeId='jQuery'+id;
7. if(window.ActiveXObject){
8. vario=document.createElement('<iframeid="'+frameId+'"name="'+frameId+'"/>');
10. if(typeofuri=='boolean'){
11. io.src='javascript:false';
12. }
13. elseif(typeofuri=='string'){
14. io.src=uri;
15. }
16. }
17. else{
18. vario=document.createElement('iframe');
19. io.id=frameId;
20. io.name=frameId;
21. }
23. io.style.position='absolute';
24. io.style.top='-1000px';
25. io.style.left='-1000px';
27. document.body.appendChild(io);
29. returnio
31. },
33. ajaxUpload:function(s){
34. //TODOintroduceglobalsettings,allowingtheclienttomodifythemforallrequests,notonlytimeout
35. s=jQuery.extend({},jQuery.ajaxSettings,s);
37. varid=newDate().getTime()
38. io=jQuery.createUploadIframe(id,s.secureuri)
40. //Watchforanewsetofrequests
41. if(s.global&&!jQuery.active++)
42. jQuery.event.trigger("ajaxStart");
44. varrequestDone=false;
46. //Createtherequestobject
47. varxml={}
48. if(s.global)
49. jQuery.event.trigger("ajaxSend",[xml,s]);
51. //Waitforaresponsetocomeback
52. varuploadCallback=function(isTimeout){
53. try{
54. xml.responseText=io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:null;
55. xml.responseXML=io.contentWindow.document.XMLDocument?io.contentWindow.document.XMLDocument:io.contentWindow.document;
56. }
57. catch(e){}
58. if(xml||isTimeout=="timeout"){
59. requestDone=true;
60. varstatus;
61. try{
62. status=isTimeout!="timeout"?"success":"error";
63. //Makesurethattherequestwassuccessfulornotmodified
64. if(status!="error"){
65. //processthedata(runsthexmlthroughhttpDataregardlessofcallback)
66. vardata=jQuery.uploadHttpData(xml,s.dataType);
68. //Ifalocalcallbackwasspecified,fireitandpassitthedata
69. if(s.success)
70. s.success(data,status);
72. //Firetheglobalcallback
73. if(s.global)
74. jQuery.event.trigger("ajaxSuccess",[xml,s]);
75. }else
76. jQuery.handleError(s,xml,status);
77. }catch(e){
78. status="error";
79. jQuery.handleError(s,xml,status,e);
80. }
82. //Therequestwascompleted
83. if(s.global)
84. jQuery.event.trigger("ajaxComplete",[xml,s]);
86. //HandletheglobalAJAXcounter
87. if(s.global&&!--jQuery.active)
88. jQuery.event.trigger("ajaxStop");
90. //Processresult
91. if(s.complete)
92. s.complete(xml,status);
94. //jQuery(io).unbind()
96. //setTimeout(function(){document.body.removeChild(io);},100)
98. xml=null
100. }
101. }
102. //Timeoutchecker
103. if(s.timeout>0){
104. setTimeout(function(){
105. //Checktoseeiftherequestisstillhappening
106. if(!requestDone)uploadCallback("timeout");
107. },s.timeout);
108. }
109. try{
110. varframeId='jQuery'+id;
111. vario=document.getElementById(frameId);
112. //InitializetheHTMLformpropertiesincasetheyare
113. //notdefinedintheHTMLform.
114. s.uploadform.action=s.url;
115. s.uploadform.method='POST';
116. s.uploadform.target=frameId;
118. //Addextradatathatmayhavebeenalreadypassed.
119. if(s.data){
120. varoEls=s.data.split('&');
121. for(vari=0;i<oEls.length;i++){
122. varthisEl=oEls[i].split('=');
123. varthisFormEl=document.createElement('input');
124. thisFormEl.type='hidden';
125. thisFormEl.name=thisEl[0];
126. thisFormEl.value=thisEl[1];
127. s.uploadform.appendChild(thisFormEl);
128. }
130. }
133. if(s.uploadform.encoding){
134. //IEdoesnotrespectpropertyenctypeforHTMLforms.
135. //Insteadusepropertyencoding.
136. s.uploadform.encoding='multipart/form-data';
137. }
138. else{
139. s.uploadform.enctype='multipart/form-data';
140. }
142. s.uploadform.submit();
144. }catch(e){
145. jQuery.handleError(s,xml,null,e);
146. }
148. if(window.attachEvent){
149. io.attachEvent('onload',uploadCallback);
150. }
151. else{
152. io.addEventListener('load',uploadCallback,false);
153. }
155. return{abort:function(){}};
157. },
159. uploadHttpData:function(r,type){
160. vardata=!type;
161. data=type=="xml"||data?r.responseXML:r.responseText;
162. //Ifthetypeis"script",evalitinglobalcontext
163. if(type=="script")
164. jQuery.globalEval(data);
166. //GettheJavaScriptobject,ifJSONisused.
167. if(type=="json")
168. eval("data="+data);
170. //evaluatescriptswithinhtml
171. if(type=="html")
172. jQuery("<div>").html(data).evalScripts();
174. returndata;
175. }
176. })
178. Ext.lib.Ajax.formRequest=function(form,uri,cb,data,isUpload,sslUri){
179. varcreateComplete=function(cb){
180. returnfunction(xhr,status){
181. if((status=='error'||status=='timeout')&&cb.failure){
182. cb.failure.call(cb.scope||window,{
183. responseText:xhr.responseText,
184. responseXML:xhr.responseXML,
185. argument:cb.argument
186. });
187. }elseif(cb.success){
188. cb.success.call(cb.scope||window,{
189. responseText:xhr.responseText,
190. responseXML:xhr.responseXML,
191. argument:cb.argument
192. });
193. }
194. };
195. };
197. if(isUpload){
198. jQuery.ajaxUpload({
199. uploadform:form,
200. data:data,
201. url:uri,
202. secureuri:sslUri,
203. complete:createComplete(cb)
204. });
205. }else{
206. jQuery.ajax({
207. type:Ext.getDom(form).method||'POST',
208. url:uri,
209. data:jQuery(form).formSerialize()+(data?'&'+data:''),
210. timeout:cb.timeout,
211. complete:createComplete(cb)
212. });
213. }
214. };