Ext 파일 업로드 사례
rms.custManage.custAbnormalApplyDetailUploadPanel = Ext.extend(Ext.FormPanel,{
labelAlign : 'right',
buttonAlign:'center',
labelWidth : 65,
height:80,
frame : true,
border : false,
layout : 'table',
layoutConfig : {
columns : 2
},
id:'custAbnormalApplyDetailUploadPanel',
fileUpload : true,
initComponent:function(){
this.items = [{
layout : 'form',
style : 'margin-top:5px;',
items : [{
xtype : 'textfield',
fieldLabel : ' ',
id : 'file',
name : 'file',
inputType : 'file',
width : 300
}]
}, {
layout : 'form',
style : 'margin-left:10px;',
items : [{
xtype : 'button',
text : ' ',
width : 50,
handler : uploadFile
}]
}, {
colspan : 2,
xtype : 'box',
html : "<div id='docDiv' style='font-size: " +
"x-small;padding-left:70px;'>"+
+ "</div>",
autoHeight : true
}];
//
rms.custManage.custAbnormalApplyDetailUploadPanel
.superclass.initComponent.call(this);
}
})
주의점: 1.Ext.form.TextField에서 inputType:'file'설치; 2.form의 fileUpload는true로 설정됩니다.
2.양식 제출 처리
uploadForm.getForm().submit({
method : 'post',
url : ctx
+ '/pages/custManage/custAbnormalUpload.page',
waitMsg : ' ...',
success : function(f, action) {
},
failure : function() {
}
});
셋.백그라운드 제어 처리
@RequestMapping("/pages/custManage/custAbnormalUpload.page")
public void uploadFile(HttpServletRequest request,
HttpServletResponse response) throws Exception {
//
MultipartHttpServletRequest multipartRequest =
(MultipartHttpServletRequest) request;
CommonsMultipartFile file = (CommonsMultipartFile)
multipartRequest.getFile("file");
//
DataOutputStream out = new DataOutputStream(new FileOutputStream(filePath));
InputStream is = null;//
try{
is = file.getInputStream();
byte[] buffer = new byte[1024];
while (is.read(buffer) > 0) {
out.write(buffer);// ;
}
}catch(Exception e){
throw e;
}finally{
if (is != null) {
is.close();
}
if (out != null) {
out.flush();
out.close();
}
}
return null;
}
주의점: 데이터베이스에 저장하려면 원본 파일 이름과 저장 경로를 저장해야 합니다. 저장 경로의 파일 이름은 무작위 시간으로 파일 이름입니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.