Question

有人可以告诉我如何使用javascript清除文件上传控件值。

Answer 1

函数ClearFileUpload（） { var fil = document.getElementById（“FileUpload1”）; fil.select（）; N = fil.createTextRange（）; n.execCommand（ '删除'）; fil.focus（）; }

Answer 2

由于安全原因，使用javascript无法直接访问客户端上的文件上传控件的值。

你可以从dom中删除元素并重新创建它。看看这个 link示例

Answer 3

<div id="uploadFile_div">

           <input type="file" id="uploadFile" onkeydown="return false;" size="40" name="uploadFile"/>

</div>

<a onclick="clearFileInputField('uploadFile_div')" href="javascript:noAction();">Clear</a>


<script>

function clearFileInputField(tagId)

{

   document.getElementById(tagId).innerHTML = document.getElementById(tagId).innerHTML;

}

</script>

工作代码测试IE，Firefox

Answer 4

<% using (Html.BeginForm("SaveSignatory", "LabMaster", FormMethod.Post, new { enctype = "multipart/form-data", id = "Signatory" }))
   { %>
<div>
</div>
<div id="divUpload">
    <input type="file" name="filUpload" accept="image/*" id="filUpload" onchange="showimagepreview(this)" />
</div>
<img id="imgprvw" alt="uploaded image preview" height="200" width="200" />
<input type="button" id="btnRemoveUpload" value="Remove Upload Image" onclick="clearFileInputField('divUpload')"  />
<input type="button" onclick="saveData()" />
<%}%>

  function clearFileInputField(tagId) {

        document.getElementById(tagId).innerHTML =

            document.getElementById(tagId).innerHTML;

    }

清除文件上载控件的字段

4 个答案: