本文实例为大家分享了jquery实现动态添加附件的具体代码，供大家参考，具体内容如下
创建HTML页面
项目中实现的原代码，无删减直接贴上。具体请参考“添加附件”按钮相关操作。
注意引入：cardRansomManage.js，ajaxfileupload.js.
<!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="mdiv" id="mdiv"> <#if order.attachment??> <#list order.attachment as attach> <div class="mg_auto mg_t_10 pd_l_30" style="disabled:true"> <div class="f_l w_600"> <div class="f_l mg_t_2 w_120 a_r val_input">附件(已上传)：</div> <input type="text" name="attach" value="${attach.attachmentPath}" disabled="disabled" class="f_l show h_20 line_1p7em w_150 required"/> <a href="#" rel="external nofollow" rel="external nofollow" name="rmlinkattach" onclick="rmlinkAttach('${attach.attachmentId}',this)" style="color:red">删除</a> <a href="javascript:void(0)" rel="external nofollow" onclick="downLoadFile('${attach.attachmentId}')">下载</a> <div class="clear"></div> </div> <div class="clear"></div> </div> </#list> </#if> </div> </div> </div> </form> </div> </div> <div id="fileTemplate" style="display:none"> <div class="mg_auto mg_t_10 pd_l_30"> <div class="f_l w_600"> <div class="f_l mg_t_2 w_120 a_r val_input">附件：</div> <input type="file" name="uploadfiles0" class="f_l show h_20 line_1p7em w_220 required" /> <a href="#" rel="external nofollow" rel="external nofollow" name="rmlink0" style="color:red">删除 </a> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> <form action="" id="downloadform" method="post"> <input type="hidden" name="attachmentId" id="attachmentId"/> </form> <div id="loading" class="pos_ab pd_b_30 font_15 font_msyh bd_2_4979e8 bd_radius_5 bg_fff color_333333 z_index_600 hide" > <div class="f_c show w_50 h_50 vlbc_customerAdd mg_l_120 mg_r_120 mg_t_24"></div> <div class="mg_t_24 mg_l_60 mg_r_60">正在处理，请稍后...</div> </div> <script type="text/javascript" charset="utf-8" src="${rc.contextPath}/js/ransom/cardRansomManage.js"></script> <script type="text/javascript" charset="utf-8" src="${rc.contextPath}/js/card/ajaxfileupload.js"></script></body></html>
新闻热点
疑难解答
图片精选
