jquery实现动态添加附件功能

发布时间：2023-09-06 02:27责任编辑：胡小海关键词：暂无标签

创建HTML页面

项目中实现的原代码，无删减直接贴上。具体请参考“添加附件”按钮相关操作。
注意引入：cardRansomManage.js，ajaxfileupload.js.

100

101

102

103

104

105

106

107

108

109

110

111

112

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<#include "../ftl/includes/easyui.ftl"/>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>账户管理-预付卡赎回管理</title>

</head>

<body class="easyui-layout" fit="true">

<div class="w_960 mg_auto">

<div class="over_f_h">

<div class="mg_t_10 font_13">

当前位置：预付费卡综合管理系统>预付卡赎回管理>

<a class="color_000 hover_nav_link" href="${rc.contextPath}/ransom/apply" rel="external nofollow" >赎回申请</a>>

</div>

<form id="editForm" method="post" enctype="multipart/form-data">

<input type="hidden" name="isLoginUser" id="isLoginUser" value=${isLoginUser?string} />

<input type="hidden" name="orderStatus" id="orderStatus" value=‘${order.orderStatus!}‘ />

<div class="mg_t_10 bd_ccc pd_b_20">

<div class="h_30 bg_fff4c8 font_w_bold font_13 line_2p4em pd_l_10 bd_b_ccc">赎回申请</div>

<div id="toolbar" class="datagrid-toolbar" style="height: auto;">

<a id="btnAddfile" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:addFile();">增加附件</a>

<a id="btnSave" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:saveFile();">上传附件并保存</a>

<@verifyRes res="/ransom/ransomInvalid?Apply">

<a id="btnSubmit" class="easyui-linkbutton" iconCls="icon-ok" plain="true" onclick="javascript:submitApply();">申请</a>

</@verifyRes>

<@verifyRes res="/ransom/ransomInvalid?Audit">

<a id="btnAudit" class="easyui-linkbutton" iconCls="icon-ok" plain="true" onclick="javascript:submitAudit();">审核</a>

<a id="btnRefuse" class="easyui-linkbutton" iconCls="icon-ok" plain="true" onclick="javascript:submitRefuse();">驳回</a>

</@verifyRes>

<div class="clear"></div>

</div>

<div>

<div class="mg_auto mg_t_30 pd_l_30">

<div class="f_l w_350">

<div class="f_l mg_t_2 w_120 a_r val_input">赎回单号：</div>

<input type="text" name="orderNo" id="orderNo" value=‘${order.orderNo!}‘ disabled="disabled" class="f_l show h_20 line_1p7em w_150 required"/>

<div class="clear"></div>

</div>

<div class="clear"></div>

</div>

<div class="mg_auto mg_t_10 pd_l_30">

<div class="f_l w_350">

<div class="f_l mg_t_2 w_120 a_r val_input">申请人：</div>

<input type="text" name="createName" id="createName" value=‘${order.createName}‘ disabled="disabled" class="f_l show h_20 line_1p7em w_150 required"/>

<div class="clear"></div>

</div>

<div class="clear"></div>

</div>

<div class="mg_auto mg_t_10 pd_l_30">

<div class="f_l w_350">

<div class="f_l mg_t_2 w_120 a_r val_input">表单状态：</div>

<select class="f_l show h_20 line_1p7em required w_150" id="orderStatus" name="orderStatus" disabled="disabled">

<option class="h_20" value="" >--全部--</option>

<#if ransomStatus??>

<#list ransomStatus as es>

<option value=‘${es.value!}‘

<#if order.orderStatus?exists><#if order.orderStatus==es.value> selected="selected"</#if></#if>>${es.chName!""}</option>

</#list>

</#if>

</select>

<div class="clear"></div>

</div>

<div class="clear"></div>

</div>

<div id="freshdiv"></div>

<div class=

知识推荐

我的编程学习网——分享web前端后端开发技术知识。垃圾信息处理邮箱 tousu563@163.com 网站地图