本节摘要:前面介绍了文件上传到目录,本节是对uoload.html前面前台做了一定的修改,加了一些校验在前台。
修改后的upload.html文件如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文件上传</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
//文件提交之前一个简单的js校验
function upFile(){
//获得File的值
var a=this.uploadform.a.value;
var b=this.uploadform.b.value;
var c=this.uploadform.c.value;
//三个文件表单同时为空的时候提示
if(a==""&&b==""&&c=="")
{
alert("请选择文件");
return;
}
//验证完成后跳转到指定的servlet处理
this.uploadform.action="upload";//不能有左斜杠/ 用此种方式访问后跳转的url为:http://localhost:8080/UpDown/upload OK
//错误的方式---> this.uploadform.action="/upload"; 用此种方式访问后跳转的url为:http://localhost:8080/upload NG
this.uploadform.submit();
}
//得到文件的后缀名
function expType(obj){
var re=/(\\+)/g;
var error=obj.replace(re,"#").split("#");
var fileName=error[error.length-1]; //如test.txt
var expData=fileName.split(".");
var expType=expData[expData.length-1];//得到文件a的后缀名txt
return expType;
}
//动态校验上传文件的后缀名
function verify(id){
var fileValue=document.getElementById(id).value;
var expName=expType(fileValue);
var errorType =new Array(".exe", ".com", ".cgi", ".asp");//这些后缀名的文件不能上传
for(i in errorType)
{
if(errorType[i]==("."+expName)){
alert(errorType[i]+"格式的文件不能上传");
return;
}
}
}
</script>
</head>
<body>
<strong>文件上传演示demo---上传到本机文件夹中(程序和上传目录在同一主机)</strong>
<!--
1.上传的内容有图片的时候,form中必须加入 ENCTYPE="multipart/form-data"
2.在<input>标签中必须有name属性(除了提交按钮submit),否则运行时虽然不会报错,但是文件无法成功上传
-->
<form name="uploadform" method="POST" action="upload"
ENCTYPE="multipart/form-data">
<table border="1" width="450" cellpadding="4" cellspacing="2"
bordercolor="#9BD7FF">
<tr>
<td width="100%" colspan="2">
文件1:
<input id="aFile" name="a" size="40" type="file" onblur="verify(id)"><!-- onblur="" -->
</td>
</tr>
<tr>
<td width="100%" colspan="2">
文件2:
<input id="bFile" name="b" size="40" type="file" onblur="verify(id)">
</td>
</tr>
<tr>
<td width="100%" colspan="2">
文件3:
<input id="cFile" name="c" size="40" type="file" onblur="verify(id)">
</td>
</tr>
</table>
<table>
<tr>
<td align="center">
<!--
<input name="upload" type="submit" value="开始上传" />
-->
<input name="upload" type="button" value="开始上传" onclick="upFile()" />
</td>
</tr>
</table>
</form>
</body>
</html>
效果截图:
图1:
截图2:
截图3:
对于我来说,今天主要是知道了以下几点:
1.button按钮加上js控制也可以替代submit按钮提交表单到指定的servlet
2.可以通过name属性获得指定表单的值,如:var a=this.uploadform.a.value; 以前自己真没有这样用过
分享到:
相关推荐
java上传本地文件到oss指定目录,包含具体怎么使用,只需要改变一下配置文件就可以使用,如有疑问联系我QQ1058070168
uni-app在wifi环境下,实现视频文件指定目录下载并重命名
1.首先使用ssh工具上传jar包到Linux的/usr/local目录: 2.使用docker命令复制到docker容器下指定的目录(注意容器是正在启动的): docker cp /usr/local/mysql-connector-java-5.1.46.jar logstash:/usr/share/...
PHP上传文件到指定目录 源代码PHP上传文件到指定目录 源代码PHP上传文件到指定目录 源代码PHP上传文件到指定目录 源代码
上传本地文件夹的文件到FTP服务器指定目录,可直接使用,也可修改源码,编译器VS2015
能上传压缩文件到相应的目录下去,可以下载文件
已经测试 完全没问题 大可以满足你的简单需求 修改液很容易 里面有详细的注释说明
php文件上传服务器指定目录封装类及实例(上传、删除、移动)
部署IIS7时,上传文件到特定目录下权限如何设置
在网上搜索的JSP文件上传,并经过本人修改过的.在我的项目中比较好用. 采用FORM上传文件,生成的内容如包中的bbb文件所示. 修改过后,上传的文件不再包含上传标志信息,希望接合bbb文件和上传java文件,能给大家更...
struts2文件的上传与下载,包含超出指定文件大小之后的提示。更多详细内容,请参考博客:http://blog.csdn.net/qq_20889581/article/details/52838848
* * * * * * * * * * * * 目录页 文件上传漏洞利用 MIME校验 文件上传漏洞---绕过MIME检测 1)上传一句话木马 eval.php 2)上传地址 36/DVWA/vulnerabilities/upload2 文件上传漏洞利用 文件上传漏洞---绕过MIME检测...
SpringBoot 实现文件上传到本地目录 并返回可访问的文件地址
如果文件成功上传,服务器端程序会将上传的文件保存到指定的目录中,同时将文件的路径存入到数据库中。 一、文件上传 1.开发文件上传表单页面 在实现文件上传时,首先需要设置文件上传表单,这个表单的提交方式必须...
Android 在线下载压缩包并解压到指定目录 源码.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
文件路径分割符号请用/替代\,下载服务器上指定路径的文件 上传文件: 运行两个工程,HttpClientPost,jersey-server 运行jersey-server工程,java -jar jersey-server-0.0.1-SNAPSHOT.jar 运行HttpClientPost工程...
自动上传指定目录下的文件到FTP服务器自动上传指定目录下的文件到FTP服务器自动上传指定目录下的文件到FTP服务器自动上传指定目录下的文件到FTP服务器自动上传指定目录下的文件到FTP服务器自动上传指定目录下的文件...
指定文件的限制,单位为Byte,如果超过它,那么只存储MaxBytes指定的大小。其余舍弃。 ServerName属性 oFileUp.Form(strFormElement).ServerName 可以得到文件保存到服务器的完整路径。 ShortFilename属性 oFileUp...
asp怎样上传文件到指定的文件夹,并在access中记录路径
使用前端插件上传文件到ftp服务器,上传配置灵活,通过配置文件即可配置文件类型大小,还有ftp服务器连接信息