如何客户端控制file表单的文件类型
2005-08-15 10:36
351 查看
<SCRIPT LANGUAGE="JavaScript">
function testFile(x)
{
if(x.value.substr(x.value.lastIndexOf(".")).toUpperCase()!='.JPG')
{
alert("只允许选择JPG文件，你选择的文件格式是："+x.value.substr(x.value.lastIndexOf(".")).toUpperCase());
form1.reset();
}
}
</SCRIPT>
<form method="POST" enctype="multipart/form-data" action="--WEBBOT-SELF--" name="form1">
<p><input type="file" name="F1" size="20" onchange="testFile(this);"><input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p>
</form>
function testFile(x)
{
if(x.value.substr(x.value.lastIndexOf(".")).toUpperCase()!='.JPG')
{
alert("只允许选择JPG文件，你选择的文件格式是："+x.value.substr(x.value.lastIndexOf(".")).toUpperCase());
form1.reset();
}
}
</SCRIPT>
<form method="POST" enctype="multipart/form-data" action="--WEBBOT-SELF--" name="form1">
<p><input type="file" name="F1" size="20" onchange="testFile(this);"><input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p>
</form>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML5 input file类型，accept（文件类型控制）
- js提交form表单 - input file 文件上传控制上传文件的大小和格式
- HTML5的 input:file上传类型控制 与上传多文件
- plupload 如何控制最小宽度和文件类型及跨域
- C# 如何后台判断 file控件上传的文件类型
- <boost -04>如何判断输入文件的类型在给定范围内？how to judge whether given file's extension is within list?
- 如何清空IE下file文件控件表单里面的值
- File文件如何选取指定类型文件
- 如何利用Axis2+Spring实现文件上传（支持jsp页面的form表单提交），Android客户端调用
- angularjs 文件上传 如何绑定file表单的change？
- 分享一个jsp页面获取form表单中input框类型为file的文件名称
- 如何重建控制文件Control File
- post multipart/form-data 类型表单如何获取File外其他参数
- HTML5 input file类型，accept（文件类型控制）
- 如何用Response.ContentType控制输出的文件类型及相关讨论
- js提交form表单 - input file 文件上传控制上传文件的大小和格式
- HTML5表单为file文件类型的样式修改
- java如何对文件追加写入【new FileOutputStream(file, true)】
- 关于如何用JQuery判断当前操作的表单类型
- html input="file" 浏览时只显示指定文件类型