html 中的file文件域

于 2009-08-10 14:30:54 发布 · 928 阅读

文章标签：

#HTML #IE

HTML 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种方法来防止用户直接编辑文件选择框的内容，并提供了一个简单的JavaScript函数来清空已选择的文件路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.禁止file文件域进行编辑即手动输入
2.清空input type=file里的已选路径
下面是个简单示例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
  <body>  
  <form method="post" action="">  
    <input type="file"  id="uploadFile" name="fileName" onkeydown="return false;" contenteditable="false"  />  
    <input type="button" value="清空" onclick="clearFileField()" />  
  </form>  
  <script type="text/javascript">  
    function clearFileField(){   
        var obj = document.getElementById("uploadFile");   
        obj.outerHTML = obj.outerHTML; //这个只在IE中可用
         obj.value=""  //这个只在FF下用
    }   
  </script>  
 </BODY>
</HTML>