清空表单中的file文件域(控件)的值 -- 风信Java论坛 -- Powered by JavaWind.Net

因为 type="file" 的 input 控件的 value 是只读的，这个问题与JS本身没有多大关系，而是一个 Web 安全设计方面的问题。防止网页静悄悄地上传你的文件给黑客。

但是我们在做网页的时候，有时为了方便，需要清空file的值，而且不允许给用户直接修改文本框的文件路径，避免文件不存在或者上传错别的文件。

以下代码实现了file只读，和一个清空file域的按钮：

运行复制保存 xhtml代码

<!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>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="javawind" />
<meta name="keywords" content="javawind" />
<meta name="description" content="" />
</head>
<body>
<form method="post" action="">
<input type="file" name="fileName" onkeydown="return false;" contenteditable="false" id="uploadFile" />
<input type="button" value="清空" onclick="clearFile()" />
</form>
<script type="text/javascript">
<!--
function clearFile(){
var obj = document.getElementById("uploadFile");
obj.outerHTML = obj.outerHTML;
}
//-->
</script>
</body>
</html>