uplodify jQuery 플러그 인의 struts 2 응용
3385 단어 JavaScriptjqueryAjaxjsoncss
공식 홈 페이지: http://www.uploadify.com
1, 개발 패키지 다운로드: jquery. uploadify - v 2.1.0, 현재 최고 버 전 2.1.0
2. 스트레스 해소 개발 패키지.장차
jquery-1.3.2.min.js,
jquery.uploadify.v2.1.0.min.js,
swfobject.js,
uploadify.swf,
uploadify.css,
cancel.png
여섯 개의 파일 을 항목 의 대응 경로 에 추가 합 니 다.
3, jsp 페이지
<link rel="stylesheet" type="text/css" href="uploadify/uploadify.css">
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="uploadify/swfobject.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.v2.1.0.min.js"></script>
<!-- -->
<input type='file' name='logoImg' id="logoImg" >
4, 상응하는 js 코드
$(document).ready(function(){
$("#logoImg").uploadify({
'uploader' : 'uploadify/uploadify.swf',// uploadify.swf 。
'script' : 'faceSet_doUploadFile.action',// Action。
'cancelImg' : 'uploadify/cancel.png',// 。
'folder' : '/',// 。
'fileDataName' : 'logoImg',
'displayData' : 'percentag',
'auto' : true,// 。
'multi' : false,// 。
'onComplete' :function(event,queueId,fileObj,response){
// , eval JSON 。
var jsonObject=eval('('+response+')');
var fileName=jsonObject.fileName;// 。
$("#faceSetImg").attr("src","../"+fileName+"?now="+new Date());
$("#imgShow").show();
$("#fileShow").hide();
},
'onError' :function(event,queueID,fileObj,errorObj){
alert("Ajax ! !");
}
});
});
5, struts. xml 설정 파일
<action name="faceSet_*" class="org.cric.action.systemset.FaceSetAction" method="{1}">
<result name="jsonback" type="json">
<param name="includeProperties">
fileName
</param>
</result>
</action>
6, Action 클래스 의 쓰기
private File logoImg;// File 。
private String logoImgFileName;//
private String logoImgContentType;//
// Setter ,Getter 。
public String doUploadFile()throws Exception{//ajax .
String path=ServletActionContext.getServletContext().getRealPath("/");// 。
String fileName=this.faceSetServiceImpl.uploadImg(path, this.getLogoImg(), IMGNAME);
this.setFileName(fileName);
return "jsonback";
}
저 는 json 플러그 인 을 사용 하여 Ajax 배경 미디어 의 교환 형식 으로 사용 합 니 다!!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.