ExtJS4 학습 노트 4 - 사진 업로드
3355 단어 extjs4
<HTML>
<HEAD>
<TITLE>Ext.form.field.File </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../../ext-4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="../../ext-4.0/bootstrap.js"></script>
<script type="text/javascript" src="../../ext-4.0/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
var uploadForm = Ext.create('Ext.form.Panel',{
title:'Ext.form.field.File ',
bodyStyle:'padding:5 5 5 5',//
frame : true,
height:100,
width:300,
renderTo :'form',
defaults:{//
labelSeparator :':',//
labelWidth : 50,//
width : 150,//
allowBlank : false,//
labelAlign : 'left',//
msgTarget :'side' //
},
items:[{
xtype: 'filefield',
name: 'photo',
fieldLabel: ' ',
anchor: '100%',
buttonText: ' ...'
}],
buttons: [{
text: ' ',
handler: function() {
var form = uploadForm.getForm();
if(form.isValid()){
form.submit({
url: 'uploadServer.jsp',
waitMsg: ' ...',
success: function(fp, o) {
Ext.Msg.alert(' ', ' "' + o.result.file + '" 。');
}
});
}
}
}]
});
});
</script>
</HEAD>
<BODY STYLE="margin: 10px">
<div id='form'></div>
</BODY>
</HTML>
JSP 코드:
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import="org.apache.commons.fileupload.*"%>
<%@ page import="org.apache.commons.fileupload.FileItem"%>
<%
DiskFileUpload upload = new DiskFileUpload();
upload.setHeaderEncoding("utf8");
java.util.List items = upload.parseRequest(request);
java.util.ListIterator listIterator = items.listIterator();
String fileName = "";
while(listIterator.hasNext()){
FileItem item = (FileItem)listIterator.next();
if(!item.isFormField()){
fileName = item.getName();
fileName = fileName.substring(fileName.lastIndexOf("\\")+1);//
}
}
String msg = "{success:true,file:'"+fileName+"'}";
response.getWriter().write(msg);
%>
관련 패키지 파일:
commons-fileupload-1.2.1.jar
commons-io-1.4.jar
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
extjs4 트리의 오른쪽 단추 메뉴텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.