<head runat="server">
<script type="text/javascript">
function Judge() {
// 获取上传文件名
var fileupload = document.getElementByIdx_x("FileUpload1");
var filename = fileupload.value;
// 获取该文件名的后缀名
var extend = filename.substring(filename.lastIndexOf(".") + 1);
// 上传文件提示信息
var hint = document.getElementByIdx_x("hint");
if (extend == "") {
hint.innerHTML = "<span style='color:red'>上传文件不能为空</span>";
}
else if (extend != "doc") {
hint.innerHTML = "<span style='color:red'>必须上传word格式文件</span>";
// 清空上传文件控件的值
fileupload.outerHTML = fileupload.outerHTML
}
else if (extend == "doc") {
hint.innerHTML = "";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:FileUpload ID="FileUpload1" runat="server"/>
<input id="btnUpload" type="button" value="上传" onclick="Judge()" />
<div id="hint"></div>
</div>
</form>
</body>
</html>
1.关于如何用脚本修改fileupload控件值的问题,
开发环境vs2005,在上传文件时,需要一个取消的按钮来清空type=file的value,而且这个页面上有多个file控件
这个比较麻烦因为file的值本身是不允许用脚本修改的(安全角度考虑)
方法1.使用脚本把这个file的input移动到一个form中,然后调用reset,如果有多个这样的input当然还要再移出来.这个方法我不会采用,因为对.net开发者
来讲习惯了一个页面就一个form所有控件都在其中.
方法2.这个方法有点投机,就是在脚本中调用
var fileup = document.getElementById(fileid);
fileup.outerHTML = fileup.outerHTML; 这个ie对脚本处理以及展现机制有关
方法3.这个主要是在解决ff上的问题时考虑到的,其实就是重新生成了一个id相同的file,这里要注意 name一定也要赋值,否则是很难提交给服务器接受的
在平时项目开发中会有上传文件的功能,一般在前端会通过JS来判断上传文件是否属于指定的文件类型,如果不属于就将控件值清空! (当然你也可以不清空)
有一种方法可以很简单的装文件上传组件的值清空,代码如下:
var file=document.getElementById("form1:fileupload");
file.outerHTML=file.outerHTML
以上方法之能在IE中使用
为了兼容FireFox我们使用下面的方式来清空fileupload控件的值:
<span id='uploadSpan'>
<input type="file">
</span>
<script language="JavaScript">
var html=document.getElementById('uploadSpan').innerHTML;
function resetFile()
{
document.getElementById('uploadSpan').innerHTML=html;
}
</script>
这样就行了，各浏览器都支持的
