前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ExtJs框架 文件上传

ExtJs框架 文件上传

作者头像
week
发布2018-08-24 17:41:57
9970
发布2018-08-24 17:41:57
举报
文章被收录于专栏:用户画像

一、前端页面引入ExtJS

代码语言:javascript
复制
<!--ExtJs框架开始-->
	<script type="text/javascript"
		src="../../include/Ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="../../include/Ext/ext-all.js"></script>
	<script src="../../include/Ext/src/locale/ext-lang-zh_CN.js"
		type="text/javascript"></script>
	<link rel="stylesheet" type="text/css"
		href="../../include/Ext/resources/css/ext-all.css" />
	<!--ExtJs框架结束-->	

二、前端页面创建文本上传域 (代码888行)

代码语言:javascript
复制
var file = new Ext.form.TextField({
					name : 'upload',/* name: 'file':名称,重要,因为service端要根据这个名称接收文件 */
					fieldLabel : 'file upload',
					inputType : 'file',
					allowBlank : false,
					blankText : '请浏览文件'
				});
				//提交按钮处理方法
				var btnsubmitclick = function() {
					if (uploadForm.getForm().isValid()) {
						uploadForm.getForm().submit();
						alert("upload success");
					}
				};
				//重置按钮"点击时"处理方法
				var btnresetclick = function() {
					uploadForm.getForm().reset();
				};
				//表单
				var uploadForm = new Ext.form.FormPanel({
					frame : true,
					fileUpload : true,
					url : '/BMS/file/upload',
					items : [ file ],
					buttons : [ {
						text : 'upload',
						handler : btnsubmitclick
					}, {
                    text: 'cancel',
                    handler: btnresetclick
                }]	
    });

三、前端页面3583行 在items中加入uploadForm

代码语言:javascript
复制
items:[	
	uploadForm,								
										
	{
		xtype:'textfield',
		fieldLabel:'建设单位',
		labelAligin:'right',
		name:'buildUnit',
												
	}																												
]

四、struts.xml 99行

代码语言:javascript
复制
<package name="file" extends="struts-default" namespace="/file">
		<action name="upload" method="upload" class="com.jdwy.action.FileAction">
			<result name="success">/BMS/index.jsp</result>
			<param name="uploadPath">/upload</param>
		</action>
	</package>

五、FileAction.java

代码语言:javascript
复制
package com.jdwy.action;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;

import org.apache.struts2.ServletActionContext;

public class FileAction{
	/**
	 * 
	 */
	private File upload;
	private String uploadFileName;
	public File getUpload() {
		return upload;
	}
	public void setUpload(File upload) {
		this.upload = upload;
	}
	private String uploadPath;
	
	public String upload() throws Exception{
		
		InputStream is=new FileInputStream(upload);
		String path=ServletActionContext.getServletContext().getRealPath(uploadPath);
		OutputStream os=new FileOutputStream(path+"/"+uploadFileName);
		
		byte buffer[]=new byte[1024];
		int cnt;
		while((cnt=is.read(buffer))>0){
			os.write(buffer,0,cnt);
		}
		os.close();
		is.close();
		
		return "success";
	} 
	public String getUploadFileName() {
		return uploadFileName;
	}
	public void setUploadFileName(String uploadFileName) {
		this.uploadFileName = uploadFileName;
	}

	public String getUploadPath() {
		return uploadPath;
	}
	public void setUploadPath(String uploadPath) {
		this.uploadPath = uploadPath;
	}
}	
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016年05月21日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档