本文實例為大家分享了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>
新聞熱點
疑難解答
圖片精選
