ExtJs + Struts2文件上传

最新推荐文章于 2021-11-04 11:31:04 发布

tengyong3277

最新推荐文章于 2021-11-04 11:31:04 发布

阅读量1.1k

点赞数

文章标签： extjs struts function header autoload file

ExtJs表单代码：

Java代码

Ext.onReady(function() {
//定义数据集对象
var mystore = new Ext.data.Store({
autoLoad : true,
sortInfo : {
field : "uploadtime",
direction : "DESC"
},
reader : new Ext.data.JsonReader({
totalRecords : "results",
root : "dataList",
id : 'id',
fields : [{
name : 'id'
}, {
name : 'realName'
}, {
name : 'contentType'
}, {
name : 'size'
}, {
name : 'uploadtime',
sortable : true
}]
}),
proxy : new Ext.data.HttpProxy({
url : 'file_getAll.action',
method : 'POST'
})
})
//创建工具栏组件
var toolbar = new Ext.Toolbar([{
text : '上传文件',
iconCls : 'add',
handler : showAdd
},
// {text : '修改信息',iconCls:'option',handler:showModify},
{
text : '删除文件',
iconCls : 'remove',
handler : showDelete
}]);
//创建Grid表格组件
var cb = new Ext.grid.CheckboxSelectionModel()
var myGrid = new Ext.grid.GridPanel({
applyTo : 'grid-div',
frame : true,
tbar : toolbar,
store : mystore,
stripeRows : true,
autoScroll : true,
viewConfig : {
autoFill : true
},
sm : cb,
columns : [//配置表格列
new Ext.grid.RowNumberer({
header : '行号',
width : 40
}), //表格行号组件
cb, {
header : "文件编号",
width : 40,
dataIndex : 'id',
sortable : true
}, {
header : "文件名",
width : 100,
dataIndex : 'realName',
sortable : true
}, {
header : "文件类型",
width : 50,
dataIndex : 'contentType',
sortable : true
}, {
header : "文件大小",
width : 50,
dataIndex : 'size',
sortable : true
}, {
header : "发布时间",
width : 80,
dataIndex : 'uploadtime',
sortable : true
}]
})
//创建新增或修改通告信息的form表单
Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); // 设置缓存
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';//统一指定错误信息提示方式
var myForm = new Ext.form.FormPanel({
width : 380,
height : 200,
frame : true,
monitorValid:true,
fileUpload:true, //需上传文件
url : 'file_upload.action',//请求的url地址
method:'POST',
items : [{
xtype : 'textfield',
name : 'realname',
fieldLabel : '文件备注',
allowBlank:false,
emptyText:'请输入文件的文件名或其内容关键字……',
blankText:'文件备注不能为空!'
}, {
xtype:'textfield',
fieldLabel : '选择文件',
name : 'attachment',
//关键
inputType : 'file',
allowBlank:false,
blankText:'请选择文件!',
emptyText:'请选择上传文件'
}],
buttons : [{
formBind:true,
text : '上传',
handler:function(){
myForm.form.submit({
clientValidation : true,//进行客户端验证
waitMsg : '正在上传文件,请稍等……',//提示信息
waitTitle : '提示',//标题
success : function(form, action) {//加载成功的处理函数
win.hide();
myGrid.getStore().reload();
Ext.Msg.alert('提示', '上传成功');
},
failure : function(form, action) {//加载失败的处理函数
Ext.Msg.alert('提示', '上传失败');
}
});
}
}, {
text : '关闭',
handler:function(){
win.hide();
}
}]
});
//创建弹出窗口
var win = new Ext.Window({
layout : 'fit',
width : 380, //380
closeAction : 'hide',
height : 200, //280
resizable : false,
shadow : true,
modal : true,
closable : true,
bodyStyle : 'padding:5 5 5 5',
animCollapse : true,
items : [myForm]
});
//显示上传窗口
function showAdd() {
myForm.form.reset();
myForm.isAdd = true;
win.setTitle("文件上传");
win.show();
}
//显示删除对话框
function showDelete() {
var IdList = geIdList();
var num = IdList.length;
if (num == 0) {
return;
}
Ext.MessageBox.confirm("提示", "您确定要删除所选文件吗？", function(btnId) {
if (btnId == 'yes') {
Delete(IdList);
}
})
}
//删除信息
function Delete(IdList) {
var fileIds = IdList;
var msgTip = Ext.MessageBox.show({
title : '提示',
width : 250,
msg : '正在删除文件请稍后......'
});
Ext.Ajax.request({
url : 'file_del.action',
params : {
fileIds : fileIds
},
method : 'POST',
success : function(response, options) {
msgTip.hide();
var result = Ext.util.JSON.decode(response.responseText);
if (result.success) {
//服务器端数据成功删除后，同步删除客户端列表中的数据
for (var i = 0; i < IdList.length; i++) {
var index = mystore.find('id', IdList[i]);
if (index != -1) {
var rec = mystore.getAt(index)
mystore.remove(rec);
}
}
Ext.Msg.alert('提示', '删除文件成功。');
} else {
Ext.Msg.alert('提示', '删除文件失败！');
}
},
failure : function(response, options) {
msgTip.hide();
Ext.Msg.alert('提示', '删除文件请求失败！');
}
});
}
//数据修改后，同步更新信息列表信息
function updateList(InfoId) {
var fields = getFormFieldsObj(InfoId);
var index = mystore.find('id', fields.id);
if (index != -1) {
var item = mystore.getAt(index);
for (var fieldName in fields) {
item.set(fieldName, fields[fieldName]);
}
mystore.commitChanges();
}
}
//取得表单数据
function getFormFieldsObj(InfoId) {
var fields = myForm.items;
var obj = {};
for (var i = 0; i < fields.length; i++) {
var item = fields.itemAt(i);
var value = item.getValue();
obj[item.name] = value;
}
if (Ext.isEmpty(obj['id'])) {
obj['id'] = InfoId;
}
return obj;
}
//取得所选信息
function geIdList() {
var recs = myGrid.getSelectionModel().getSelections();
var list = [];
if (recs.length == 0) {
Ext.MessageBox.alert('提示', '请选择要进行操作的文件！');
} else {
for (var i = 0; i < recs.length; i++) {
var rec = recs[i];
list.push(rec.get('id'));
}
}
return list;
}
});

Acion代码：

Java代码

package com.jyxx.action;
import java.io.File;
import java.util.ArrayList;
import java.util.List;
import org.apache.commons.io.FileUtils;
import org.apache.struts2.ServletActionContext;
import org.apache.struts2.json.annotations.JSON;
import com.jyxx.model.Ufile;
import com.jyxx.serviceimpl.fileServiceImpl;
import com.jyxx.utils.GetDate;
import com.jyxx.utils.UploadUtil;
import com.opensymphony.xwork2.ActionSupport;
public class FileAction extends ActionSupport {
/**
*
*/
private static final long serialVersionUID = 1L;
private File attachment;
private String fileName;
private String contentType;
private String size;
private String realname;
private String[] fileIds;
private boolean flag = false;
private int results;
private List<Ufile> dataList = new ArrayList<Ufile>();
private fileServiceImpl impl = new fileServiceImpl();
public String getAll(){
dataList = impl.getAllFiles();
results = dataList.size();
return SUCCESS;
}
@SuppressWarnings("deprecation")
public String upload() throws Exception {
String realPath = ServletActionContext.getRequest().getRealPath(
"/upload");
Ufile afile = new Ufile();
String tname = UploadUtil.generateFileName(this.fileName);
String tdir = realPath + "//" + tname;
long s = this.attachment.length();
if((1024 * 1024 * 1024) <= s){
size = s /(1024 * 1024 * 1024) + "GB";
}else if((1024 * 1024) <= s){
size = s /(1024 * 1024) + "MB";
}else if(1024 <= s){
size = s /1024 + "KB";
}else{
size = s + "B";
}
File targetfile = new File(realPath, tname);
FileUtils.copyFile(attachment, targetfile);
afile.setFileName(tdir);
afile.setContentType(this.contentType);
afile.setRealName(realname);
afile.setSize(size);
GetDate date = new GetDate();
afile.setUploadtime(date.getDate());
this.flag = impl.add(afile);
return NONE;
}
public String del(){
for(int i=0;i<fileIds.length;i++){
int id = Integer.parseInt(fileIds[i]);
File tem_file = new File(impl.getOne(id).getFileName());
tem_file.delete();
flag = impl.del(id);
}
return SUCCESS;
}
public String getSize() {
return size;
}
public void setSize(String size) {
this.size = size;
}
public String getRealname() {
return realname;
}
public void setRealname(String realname) {
this.realname = realname;
}
public String[] getFileIds() {
return fileIds;
}
public void setFileIds(String[] fileIds) {
this.fileIds = fileIds;
}
@JSON(name="success")
public boolean isFlag() {
return flag;
}
public void setFlag(boolean flag) {
this.flag = flag;
}
public int getResults() {
return results;
}
public void setResults(int results) {
this.results = results;
}
public String getFileName() {
return fileName;
}
public void setFileName(String fileName) {
this.fileName = fileName;
}
public String getContentType() {
return contentType;
}
public void setContentType(String contentType) {
this.contentType = contentType;
}
public void setAttachment(File attachment) {
this.attachment = attachment;
}
public void setAttachmentFileName(String attachmentFileName) {
this.setFileName(attachmentFileName);
}
public void setAttachmentContentType(String attachmentContentType) {
this.setContentType(attachmentContentType);
}
public List<Ufile> getDataList() {
return dataList;
}
public void setDataList(List<Ufile> dataList) {
this.dataList = dataList;
}
}

tengyong3277

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
ExtJs + Struts2文件上传

<br />ExtJs表单代码： <br />Java代码 Ext.onReady(function() { //定义数据集对象 var mystore = new Ext.data.Store({ autoLoad : true, sortInfo : { field : "uploadtime", direction : "DESC" }, reader : n
复制链接

扫一扫