将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\"");