Ajax 방식 으로 파일 업로드 폼 제출 및 iframe 숨 기기

일반적인 양식 은 ajax 방식 으로 제출 되 기 때문에 파일 이 있 는 양식 을 만 나 는 것 이 번 거 롭 습 니 다.기본 원 리 는 페이지 에 숨겨 진 iframe 을 추가 한 다음 ajax 를 통 해 파일 을 제외 한 폼 데 이 터 를 제출 하 는 것 입 니 다. 폼 데이터 제출 에 성공 한 후 리 셋 함수 에서 form 을 통 해 파일 을 따로 제출 하 는 것 입 니 다. 이 파일 을 제출 한 form 의 target 은 앞에서 숨겨 진 iframe 을 가리 키 고 있 습 니 다.html 코드

 
  
 
  
 
  
 
  
 
  
 
  

 
  
  JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI      
  
 
  <br/></fontcolor></spanid></inputtype></inputtype></form> 
  <br/> 
  <br/> 
  <br/><disable_scripttype> 
  <br/>functioncallback(msg) 
  <br/>{ 
  <br/>document.getElementByIdx_x_x("file").outerHTML =document.getElementByIdx_x_x("file").outerHTML; 
  <br/>document.getElementByIdx_x_x("msg").innerHTML = "<fontcolor>"+msg+""; 
  <br/>} 
  <br/> 
  <br/> 
 </fontcolor></scripttype></code></pre>  <br>index. html 에서 주로 해 야 할 일 은 form 과 iframe 을 쓰 고 form 의 target 을 iframe 의 이름 으로 설정 하 는 것 입 니 다. iframe 을 보이 지 않 게 설정 하 는 것 입 니 다. 다른 것 은 모두 정상 적 인 파일 업로드 방법 입 니 다. 이렇게 새로 고침 한 페이지 는 바로 이 숨겨 진 Iframe 입 니 다. index. html 에 서 는 페이지 가 새로 고침 되 지 않 습 니 다. js 의 callback 방법 은 리 셋 방법 입 니 다.파일 업로드 상 자 를 비우 고 배경 정 보 를 표시 하 는 데 사용 합 니 다.<br>파일 업로드 상 자 를 비 우 는 방법 에 주의 하 세 요. 일반적인 방법 과 는 조금 다 릅 니 다.<br>upload. jsp9Dhjsp 코드<pre><code> 
  <br/> 
  <br/> 
  <br/>//    SmartUpload   
  <br/>SmartUploadsu = newSmartUpload(); 
  <br/>//      
  <br/>su.initialize(pageContext); 
  <br/>//       
  <br/>//1.             。 
  <br/>su.setMaxFileSize(10000000); 
  <br/>//2.          。 
  <br/>su.setTotalMaxFileSize(20000000); 
  <br/>//3.         （       ）,   doc,txt  。 
  <br/>su.setAllowedFilesList("doc,txt,jpg,rar,mid,waw,mp3,gif"); 
  <br/>boolean sign= true; 
  <br/>//4.         （       ）,      exe,bat,jsp,htm,html               。 
  <br/>try{ 
  <br/>su.setDeniedFilesList("exe,bat,jsp,htm,html"); 
  <br/>//     
  <br/>su.upload(); 
  <br/>//             
  <br/>su.save("c://"); 
  <br/>} catch(Exception e) { 
  <br/>e.printStackTrace(); 
  <br/>sign = false; 
  <br/>} 
  <br/>if(sign==true) 
  <br/>{ 
  <br/>out.println("<disable_script>parent.callback('upload filesuccess')</disable_script>"); 
  <br/>}else 
  <br/>{ 
  <br/>out.println("<disable_script>parent.callback('uploadfileerror')</disable_script>"); 
  <br/>} 
  <br/>%&gt; 
  <br/> 
 </code></pre>  <br>upload. jsp 에 서 는 마지막 출력 형식 만 주의 하면 됩 니 다.사실 원 리 는 js 코드 를 iframe 에 출력 한 다음 iframe 에서 부모 페이지 를 제어 하 는 것 이다.<br>OK, 이로써 새로 고침 되 지 않 은 페이지 에 구성 요 소 를 업로드 하면 됩 니 다. WEB - INF / lib 에 필요 한 jsp SmartUpload. jar 가방 을 추가 하 는 것 을 잊 지 마 세 요.<br>설명 이 필요 한 것 은 Iframe 을 사용 하여 업로드 하 는 것 입 니 다. 상태 표시 줄 에 새로 고침 이 있 습 니 다. iframe 의 페이지 가 새로 고침 되 었 기 때 문 입 니 다. 하지만 외부 페이지 는 당신 이 본 페이지 가 새로 고침 되 지 않 았 기 때문에 Ajax 업로드 와 유사 합 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Ajax 방식 으로 파일 업로드 폼 제출 및 iframe 숨 기기

좋은 웹페이지 즐겨찾기