`
yuanyuan7891
  • 浏览: 167019 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

<input type="file"/>控件是否为空验证，文件类型验证，file控件清空,禁止手写。

JavaScriptHTML 
阅读更多

file控件禁止手写，是否为空验证，文件类型验证，file控件清空。

<html>
<body bgcolor="white">
	<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
		<TBODY>
			<TR>
				<TD>
					<center>
						<h4>
							考勤记录导入
						</h4>
					</center>
					<hr/>
					<br/>
					<center>
					<form action="<%=request.getContextPath() %>/admin/HtmlFile.do" method="post" enctype="multipart/form-data" name="HtmlFileForm" onsubmit="return check()">
						<span id='uploadSpan'>
						<input type="file" name="file" id="file" unselectable="on" onchange='checkFileType(this.value);'/>&nbsp;
						</span>
					<input type="submit" value="提交"/>
					</form>
					</center>
				</TD>
			</TR>
		</TBODY>
	</TABLE>
<script type="text/javascript">
function checkFileType(str){
	var pos = str.lastIndexOf(".");
	var lastname = str.substring(pos,str.length);
	var resultName=lastname.toLowerCase();
	if ('.xls'!=resultName.toString()){alert('只能上传xls文件，您上传的文件类型为'+lastname+'，请重新上传');
	resetFile();
	}
}
var html=document.getElementById('uploadSpan').innerHTML; 

function resetFile(){ 
document.getElementById('uploadSpan').innerHTML=html; 
} 

function   check() 
{ 
   if(HtmlFileForm.file.value == "") {
           alert("请选择文件路径");
           return false;
   }else{
   		return true;
   }
}
	
</script>
</body>

</html>
分享到：
| jsp从服务器下载xls文件到客户端
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    input type=file 显示的浏览 改成英文

    本篇文章将详细讲解如何将`&lt;input type="file"&gt;` 控件的“浏览”按钮和提示改为英文。 首先，我们需要理解`&lt;input type="file"&gt;`的基本结构和属性。这个标签创建了一个可以点击的区域，用户可以通过点击打开本地...

    如何将input type=file显示的浏览变成英文的

    通过上述步骤，我们可以轻松地将`&lt;input type="file"&gt;`的默认“浏览”按钮替换为英文的“Browse”，并且将选中的文件路径显示在一个自定义的文本输入框中。这对于需要统一界面语言的应用场景非常有用。

    Ajax Upload文件上传插件 替代(<input type=”file” />)上传图片

    它通过JavaScript、HTML和Ajax技术，提供了一种用户友好的文件上传体验，可以替代传统的`&lt;input type="file" /&gt;`标签，使得文件上传过程更加流畅且交互性更强。这种技术在Web开发中广泛应用，尤其在社交媒体、图像...

    纯CSS实现可折叠树状菜单

    &lt;li class=file&gt;&lt;a&gt;下级&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;label for=subsubfolder2&gt;下级&lt;/label&gt; &lt;input id=subsubfolder2 type=checkbox /&gt; &lt;ol&gt; &lt;li class=file&gt;&lt;a&gt;无限级&lt;/a&gt;&lt;/li&gt; &lt;li class=file&gt;&lt;a&gt;无限级&lt;/a&gt;&lt;/li&gt; &lt;...

    Android-解决在webview中input标签type="file"不能使用的问题

    然而，在实际使用中，我们可能会遇到一些问题，比如在WebView中使用`&lt;input type="file"&gt;`标签时，用户无法选择本地文件。这个现象主要是由于Android的安全机制和权限控制导致的。本文将详细讲解如何解决这个问题。 ...

    vue中使用input[type=”file”]实现文件上传功能

    注意:input[type=file] 标签中的属性accept=application/msword,application/pdf 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚...

    HTML input type=file文件选择表单元素.docx

    一、input type=file 文件选择表单元素 input type=file 是 HTML 中的一种表单元素，用于选择文件并上传到服务器。HTML5 之前的 input type=file 元素只能一次上传一张图片，无法满足一次上传多图的交互需求。因此...

    MVC上传资料

    &lt;!DOCTYPE ... &lt;input type="file" name="file1" /&gt;&lt;br /&gt; &lt;input type="submit" value="文件上传" /&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt;

    jsp登陆界面源代码

    name="userName" id="userName"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;密码:&lt;input type="password" name="password" id="password"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="submit" value="登录" style="background-color:pink"&gt; ...

    amrnb 播放本地amr音频文件

    &lt;input type="file" id="file" name="file" /&gt; &lt;/body&gt; &lt;script src="/amr_player/amrnb.min.js"&gt;&lt;/script&gt; &lt;script src="/amr_player/pcmdata.min.js"&gt;&lt;/script&gt; &lt;script src="/amr_player/enter.js"&gt;&lt;/script&gt; ...

    js 日历控件

    &lt;br&gt;&lt;br&gt;&lt;script type='text/javascript' src='popCalendar.js'&gt;&lt;/script&gt;&lt;br&gt;&lt;br&gt;&lt;tr bgcolor="#FFFFFF"&gt;&lt;br&gt; &lt;td align="center" class="style4"&gt;&lt;br&gt; 开始日期：&lt;br&gt; &lt;/td&gt;&lt;br&gt; &lt;td&gt;&lt;br&gt; &lt;input type="text" name...

    JS日期控件（橙色）

    JS日期控件（橙色）,亲试可用 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html;...&lt;p&gt;&lt;input type="text" name="datetime" class="ui_timepicker" value=""&gt;&lt;/p&gt; &lt;/body&gt; &lt;/html&gt;

    日历（JS）日期控件，带下拉选择模式

    &lt;title&gt;日历控件&lt;/title&gt; &lt;script type="text/javascript" src="calendar.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;script language=javascript&gt; function aa() { document.getElementById('Calendar1').focus(); ...

    北京圣思园张龙 java web HTML.pdf

    - `File`: 文件上传控件，使用 `&lt;input type="file"&gt;`。 - `Hidden`: 隐藏字段，使用 `&lt;input type="hidden"&gt;`。 - `Submit`: 提交按钮，使用 `&lt;input type="submit"&gt;`。 - `Reset`: 重置按钮，使用 `&lt;input type=...

    jvaa jsp技术SmartUpload文件上传例子

    &lt;input type="FILE" name="FILE1" size="30"&gt; &lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;div align="center"&gt;2、 &lt;input type="FILE" name="FILE2" size="30"&gt; &lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;div align="center"&gt;3、 ...

    input type=file 调取手机照相机和选择照片上传

    &lt;input type="file" accept="image/*" capture&gt; ``` `accept="image/*"` 表示接受所有类型的图片文件，`capture` 属性则指示浏览器应该首选设备的摄像头进行捕获。不过需要注意的是，`capture` 属性在某些浏览器中...

    【JavaScript源代码】jquery+springboot实现文件上传功能.docx

    &lt;input type="file" name="meFile" webkitdirectory directory/&gt; &lt;br&gt; &lt;input type="submit" value="提交"/&gt; &lt;input type="reset" value="清空"/&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; ``` #### 三、SpringBoot后端处理 ...

    js获取 input file 图片立即显示

    当用户通过`&lt;input type="file"&gt;`选择文件后，`change`事件会被触发。我们需要在这个事件的回调函数中处理图片预览。 ```javascript document.getElementById('imageUpload').addEventListener('change', function...

    html总结文档

    1.表单：&lt;form&gt;&lt;/form&gt; 主要属性：id name action method 2.input元素：&lt;input/&gt; 主要属性：name type ...单选框和复选框：&lt;input type="radio"/&gt; &lt;input type="checkbox"/&gt; checked属性值为 true 或 false

    html修改FileUpload控件的浏览按钮的文字改为自定义

    - `&lt;input type="file" id="f" ...&gt;`：这是实际的文件输入控件，通过设置`style="position:absolute;filter:alpha(opacity=0);"`使其不可见。 2. **自定义按钮**： - `&lt;input type="button" ...&gt;`：这是一个...

Magicbox
Global site tag (gtag.js) - Google Analytics