将fileupload标签的值清空

在开发中遇到了这样一个问题,在一个form表单中,有一个fileupload标签,新增,修改都是同一个form,当我第一次选择了上传文件路径,并且提交之后,第二次再使用这个form,这次没有选择上传文件,然后提交,这时候,提交的表单数据,就会带着上次选择的路径传过来,我自己分析,原因是弹出form的时候,用的清空form表单里面标签值的方法,并没有把fileupload标签的值清空,所以,自己在网上找了一下解决方法,代码如下:

复制代码
<form id="divSubjectConfig_SubjectListInfo">
  <div class="form-group">
    <input type="hidden" name="SubjectId" />     <table class="table table-bordered text-center">       <tr>         <td colspan="1" class="col-xs-3">上传图片<br />(尺寸:320*200)</td>         <td>           <input name="SubjectConfigImagePath" type="file" style="display: none">           <div class="input-append">             <input name="ImageFile" class="form-control " style="width: 84%; float: left;" type="text" readonly>             <a href="#" class="btn btn-xs btn-primary padding-bottom-1 " style="width: 15%;" onclick="$('input[name=SubjectConfigImagePath]').click();">上传</a>           </div>         </td>       </tr>     </table>   </div>
</form>
复制代码
//找到form标签
var $divSubjectConfigSubjectListInfo = $("#divSubjectConfig_SubjectListInfo");
//找到fileupload标签
var objFile = $divSubjectConfigSubjectListInfo.find('input[name=SubjectConfigImagePath]')[0]; //清空fileupload标签的值 objFile.outerHTML = objFile.outerHTML.replace(/(value=\").+\"/i, "$1\"");

 

posted @   好记性不如烂笔头啊  阅读(918)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示