java添加附件_Java 动态添加附件

这篇博客介绍了如何在HTML页面中实现附件管理功能,包括添加、编辑和删除附件的操作。在编辑模式下,可以显示并修改已有的附件,而在详细信息展示时,附件变为只读。点击增加按钮会限制附件数量不超过5个,点击取消则移除当前附件。同时,博客还展示了获取和删除附件的后台交互过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

新增页面:

页面先初始化 AddAttachment();

HTML 代码:

附件

//点击增加

function AddAttachment() {

var objTable = $("#id_attachmentpanel");

var intCount = $("#id_attachmentpanel tr").children().size() / 3 + 1;

if (intCount > 5) {

alert("附件不能超过5个");

return;

}

objTable.append("

"+ intCount+ ". [增加][取消]");

//$("#id_attachmentpanel a").hide();

//$("#id_attachmentpanel a").last().show();

if (intCount < 5) {

//$("#id_attachmentpanel a").last().prev().show();

}

if (intCount == 1) {

//$("#sealDel").hide();

}

}

//点击取消按钮时,移除该行

function DisposeTr(arg_obj_item) {

var objTr = $(arg_obj_item).parent().parent();

objTr.remove();

//$("#id_attachmentpanel a").last().show();

//$("#id_attachmentpanel a").last().prev().show();

var xx = $(arg_obj_item).parent();

var intCount = $("#id_attachmentpanel tr").children().size() / 3;

if (intCount < 1) {

//$("#sealAdd").show();

//当没有的时候,保留第一个

AddAttachment();

}

}

2847449779206d0eb7d588d6d309cb6d.png点击增加按钮,则如下图:

5220655219c4df0d8dedd9df99fadcb1.png

点击编辑按钮,则查找出当前的附件显示出来,并且需要显示一个file文件

//编辑是显示附件

function getEditTenc(data){

if (data.length > 0) {

var htmlList = "";

var xh = 0;

for (var i = 0; i < data.length; i++) {

xh = i + 1;

var item = data[i]["enclosureId"];

htmlList += '

';

htmlList +='

' + xh + '. ' +'';

htmlList +='

' + data[i]["enclosureName"]+ '';

htmlList += '

[增加][取消]';

htmlList += '

';

}

$("#id_attachmentpanel").append(htmlList);

AddAttachment(); //在最后显示一个file文件框

} else {

AddAttachment(); //没有附件时显示一个file文件

}

}

data为查询出来的附件数据。

6fcd4715c0f690775787effa3ef89104.png

点击取消按钮时,删除该附件:

//编辑部分点击取消按钮 则删除该附件

function DisposeTrs(obj,item){

var objTr = $(obj).parent().parent();

objTr.remove();

$.ajax({

url:prefixPath+"deleteTdencById.do?id=" + item,

type:"post",

dataType:"json",

success:function(data){

}

})

}

显示详细信息时,附件不可编辑,不可增加

33a0754fd6789c818a00ce6b932cf131.png

//详细时显示附件 不可取消 不可增加

function getViewTenc(data){

if (data.length > 0) {

var htmlList = "";

var xh = 0;

for (var i = 0; i < data.length; i++) {

xh = i + 1;

var item = data[i]["enclosureId"];

htmlList += '

';

htmlList +='

' + xh + '. ' +'';

htmlList +='

' + data[i]["enclosureName"]+ '';

htmlList += '

';

htmlList += '

';

}

$("#id_attachmentpanel").append(htmlList);

} else {

htmlList +='

';

htmlList +='

'+ '1. ' + '';

htmlList +='

没有可以显示的附件';

htmlList +='

';

htmlList +='

';

$("#id_attachmentpanel").append(htmlList);

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值