TDGG周刊

我们一直在进步......

« 篱笆墙的影子这一季,想要牵手去旅行 »

关于html标签file值清空的方法

作者:网络部——夏发玉
关于HTML 标签<input type="file" /> 值清空的方法。
这个标签是HTML中用来选择文件的,当文件类型选择错误时,我们想要的是把file.value清空,可是这个标签不支持file.value = "";这个用法。
我们只能用一个很笨的办法来处理,就是给这个file加上一个独立的form表单。
<form id="fm_file" action="#">
插入图片<input id="file" type="file" onchange="chackFile()" />
</form>
然后在javaScript中处理事件
下面代码:
<html>
<script>
//下面这个方法是用来检测选择的文件是否符合要求
var file = "";
function chackFile()
{     var $ = document.getElementById;
       var fileName = $("file").value;//这点先得到file里文件的路径
       var type = fileName.substring((fileName.length-4),fileName.length).toLowerCase();
       //这点是取出文件的后缀 toLowerCase()转换成小写
       if(type == ".jpg" || type == ".bmp" || type == ".png" || type == ".gif")
       {
              //文件格式符合条件,给 file赋值
              file = fileName;
       }
       else
       {
              document.getElementById("fm_file").reset();
              //把fm_file表单清空,file.value 也就清空了
              alert("图片格式不正确,请选择jpg,bmp,gif,png格式")
       }
}
 
//这个方法是用来提交表单
function sub()
{
       if(file != "" || $("name") != null)
              main_fm.submit();
       else
              alert("");
              return;
}
 
</script>
<form id="main_fm" action="#">
       标题<input id="name" type="text" />
</form>
<form id="fm_file" action="#">
       插入图片<input id="file" type="file" onchange="chackFile()" />
</form>
<input id="tj_btn" type="button" value="提交" onclick="sub()" />
</html>
 
需要注意的是<input id="tj_btn" type="button" value="提交" onclick="sub()" />
它的type 不能是 submit 要不它就会自动把2个表单给提交了。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

相关文章111

Powered By Z-Blog 1.8 Arwen Build 81206 theme by 博客主题网

Copyright 昆明土地公公科技有限公司. Some Rights Reserved.