ExtJs框架 文件上传
来源:互联网 发布:菜鸟网络盈利模式 编辑:程序博客网 时间:2024/06/05 17:50
一、前端页面引入ExtJS
<!--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行)
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
items:[uploadForm,{xtype:'textfield',fieldLabel:'建设单位',labelAligin:'right',name:'buildUnit',}]四、struts.xml 99行
<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
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;}}
0 0
- ExtJs框架 文件上传
- 【ExtJs】ExtJs的文件上传
- Extjs 文件上传
- extjs 上传文件 fileUpload
- ExtJs + Struts2文件上传
- extjs 上传文件 fileUpload
- extjs 文件上传
- Extjs实现文件上传
- extjs实现文件上传
- Extjs文件上传例子
- Extjs文件上传
- Extjs文件上传
- extjs文件上传
- Extjs 实现文件上传
- extjs文件上传
- extjs的文件上传
- ExtJS:文件上传实例
- 【Extjs】上传文件
- tomcat6 中context配置,使用tomcat 数据源
- javaScript键盘触发事件(仅个人学习)
- 堆--神奇的优先队列
- Windows下使用命令行查看端口号被哪个进程占用
- Linux Kernel 中 Workqueue 使用系统默认队列和创建队列的方法
- ExtJs框架 文件上传
- Javascript 的函数式对象 利用闭包模拟类的静态变量和方法
- 只有五行的算法--Floyd--Warshall
- linux基础编程 多线程中的互斥锁 pthread_mutex_lock
- LeetCode 69. Sqrt(x)(开平方根)
- 关于input style属性兼容性问题
- MapReduce:详细介绍Shuffle的执行过程
- 策略模式(参考仿造《Head First设计模式》)
- html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示问题解决