Js代码
var gameFrom = new Ext.form.FormPanel({
width:300,
height:400,
fileUpload:true,
frame:true,
bodyStyle: 'padding:5px 5px 0',
labelAlign:'center',
items:[
new Ext.form.TextField({fieldLabel:'游戏截图1',name:'picture1',inputType:'file',allowBlank:false}),
new Ext.form.TextField({fieldLabel:'游戏截图2',name:'picture2',inputType:'file'}),
new Ext.form.TextField({fieldLabel:'游戏截图3',name:'picture3',inputType:'file'})
//这里的名字picture1,picture2,picture3和form里面的对应,使用jsp的时候名字和form对应也能传上去
//相信生成的JS代码也是像<input type="file" name="picture1"/>这样的吧
//fileUpload:true == enctype="multipart/form-data" 这句吧
],
buttons:[
{text:'添加',handler:function(){
if(game_form.form.isValid()){
game_form.form.submit({
method:'POST',
url:'../admin/addGame.do',
waitMsg:'游戏添加中...',
success:function(){Ext.MessageBox.alert('添加信息','添加成功');},
failure:function(){Ext.MessageBox.alert('添加信息','添加失败');}
});
}else{
Ext.MessageBox.alert('提示', '请完整填写表单');
return;
}
add_dlg.hide();
}},
{text:'取消',handler:function(){
add_dlg.hide();
}
}
]
});
var addGame_dlg = new Ext.Window({
title:'添加游戏截图',
layout:'fit',
height:540,
width:650,
autoDestroy : true,
closeAction:'hide',
modal:true,
items:[gameFrom]
});
var gameFrom = new Ext.form.FormPanel({
width:300,
height:400,
fileUpload:true,
frame:true,
bodyStyle: 'padding:5px 5px 0',
labelAlign:'center',
items:[
new Ext.form.TextField({fieldLabel:'游戏截图1',name:'picture1',inputType:'file',allowBlank:false}),
new Ext.form.TextField({fieldLabel:'游戏截图2',name:'picture2',inputType:'file'}),
new Ext.form.TextField({fieldLabel:'游戏截图3',name:'picture3',inputType:'file'})
//这里的名字picture1,picture2,picture3和form里面的对应,使用jsp的时候名字和form对应也能传上去
//相信生成的JS代码也是像<input type="file" name="picture1"/>这样的吧
//fileUpload:true == enctype="multipart/form-data" 这句吧
],
buttons:[
{text:'添加',handler:function(){
if(game_form.form.isValid()){
game_form.form.submit({
method:'POST',
url:'../admin/addGame.do',
waitMsg:'游戏添加中...',
success:function(){Ext.MessageBox.alert('添加信息','添加成功');},
failure:function(){Ext.MessageBox.alert('添加信息','添加失败');}
});
}else{
Ext.MessageBox.alert('提示', '请完整填写表单');
return;
}
add_dlg.hide();
}},
{text:'取消',handler:function(){
add_dlg.hide();
}
}
]
});
var addGame_dlg = new Ext.Window({
title:'添加游戏截图',
layout:'fit',
height:540,
width:650,
autoDestroy : true,
closeAction:'hide',
modal:true,
items:[gameFrom]
});
form代码
Java代码
private FormFile picture1;
private FormFile picture2;
private FormFile picture3;
省略了get和set方法......
private FormFile picture1;
private FormFile picture2;
private FormFile picture3;
省略了get和set方法......
action代码AddGameAction.java
Java代码
try {
FormFile picture1 = gameInfoForm.getPicture1();
gameInfo.setPictureMain(org.hibernate.Hibernate.createBlob(picture1
.getInputStream()));
FormFile picture2 = gameInfoForm.getPicture2();
gameInfo.setPicture1(org.hibernate.Hibernate.createBlob(picture2
.getInputStream()));
FormFile picture3 = gameInfoForm.getPicture3();
gameInfo.setPicture2(org.hibernate.Hibernate.createBlob(picture3
.getInputStream()));
} catch (Exception e) {
e.printStackTrace();
}
下面就是调用save等方法,保存当前的数据
将文件直接存入数据库中了.......
try {
FormFile picture1 = gameInfoForm.getPicture1();
gameInfo.setPictureMain(org.hibernate.Hibernate.createBlob(picture1
.getInputStream()));
FormFile picture2 = gameInfoForm.getPicture2();
gameInfo.setPicture1(org.hibernate.Hibernate.createBlob(picture2
.getInputStream()));
FormFile picture3 = gameInfoForm.getPicture3();
gameInfo.setPicture2(org.hibernate.Hibernate.createBlob(picture3
.getInputStream()));
} catch (Exception e) {
e.printStackTrace();
}
下面就是调用save等方法,保存当前的数据
将文件直接存入数据库中了.......
分享到:
相关推荐
这是我写的一个Ext如何上传文件的 Demo 程序,你可以进我的博客看里面的一篇文章就可以. 这是前后台代码结合写的.
文件批量上传框架,很好用的。开源的,可以根据自己的需要进行修改!
完全可运行的Ext多文件上传,带上传速率、进度条等
对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。
ext结合struts2.0实现文件上传,代码详细,加载项目即可以看到效果。
在这个小工程中,你可以轻松的理解利用Ext2.0实现文件上传是多么的简单。但话又说回来了,很多时候只看别人的片段代码,是很难理解的,所以我把整个过程给你了,这样就很轻松了,省得东摘一段,西摘一段,最后还是...
jsp上传多个文件原代码,及数据库连接池的简单应用
java使用swf+ext实现文件批量上传,直接导入Eclipse就可以使用。
//设置上传文件大小 public $file_name = 'date';//重命名方式代表以时间命名,其他则使用给予的名称 public $allow_types;//允许上传的文件扩展名,不同文件类型用“|”隔开 public $errmsg = '';//错误信息 ...
// 设置上传文件时用于临时存放文件的内存大小,这里是4K.多于的部分将临时存在硬盘 dfif.setRepository(new File(request.getRealPath("/") + "ImagesUploadTemp"));// 设置存放临时文件的目录,web根目录下的...
之前发布一个大文件上传,但是问题太多,此版本相对上一个稳定得多 ...ps:预览的话请上传大文件,如果不能上传先确保的你php设置的上传文件大小够不够 具体可修改 post_max_size=2000M , upload_max_filesize = 2000M
今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5《Ext JS高级程序设计》源代码.rar ...
今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5《Ext JS高级程序设计》源代码.rar ...
支持批量上传图片、批量上传电影及压缩包等所有东西,包括:js代码 java代码,及配置文件等等
支持 自由添加和减少上传文件个数的Extjs多文件上传源代码,10分绝对值得,要注意的一点就是jsp里面引用的Ext的js和css要是2.2版本的
Extjs+struts实现文件上传 使用说明中的UploadfileAction.java中的代码要拷贝到一个JSP文件中并将url: '/rsgl/uploadfile.do',改为url: '/rsgl/jspcos.jsp',才可以正常上传
今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5《Ext JS高级程序设计》源代码.rar ...
今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5《Ext JS高级程序设计》源代码.rar ...
今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5《Ext JS高级程序设计》源代码.rar ...
今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5《Ext JS高级程序设计》源代码.rar ...