下面给大家看一个案列
前台jsp
<%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "https://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>insert title here</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> </head> <body> <p> name:<input type="text" id="name"/> 文件：<input type="file" id="file"/> <br> <button id="btu" onclick="btu()">提交</button> </p> </body> <script> function btu(){ var name=$("#name").val(); var file=$("#file")[0].files[0];//新特性，获取文件对象 var fordata=new formdata();//新特性，得到formdata对象，把获取的值扔进去，相当于map fordata.append("name",name); fordata.append("file",file); console.log(file) $.ajax({ url:"/war-2/updatafile", data:fordata, cache:false, processdata:false, //必须写 contenttype:false, //必须写 type:"post", success:function(data){ } }) } </script> </html>
后台java
package up; import java.io.file; import java.io.ioexception; import java.util.collection; import javax.servlet.servletexception; import javax.servlet.annotation.multipartconfig; import javax.servlet.annotation.webservlet; import javax.servlet.http.httpservlet; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservletresponse; import javax.servlet.http.part; /** * servlet implementation class updatafile */ @multipartconfig(location="e:/") @webservlet("/updatafile") public class updatafile extends httpservlet { private static final long serialversionuid = 1l; private file file; protected void doget(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception { // todo auto-generated method stub system.out.println("1111111111"); } /** * @see httpservlet#dopost(httpservletrequest request, httpservletresponse response) */ protected void dopost(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception { // todo auto-generated method stub //得到part对象，这个对象有write的方法，直接写到指定位置。但是千万别忘了写@multipartconfig(location="e:/")注解，不指定位置默认是写到注解指定的位置。 part part = request.getpart("file"); //普通的字段可以采用常规的getparamter的方法得到。 system.out.println(new string(request.getparameter("name").getbytes("iso-8859-1"),"utf-8")); system.out.println(part.getname()); system.out.println(part.getheader("content-disposition")); system.out.println(part.getsize()); string filename = getfilenamefrompart(part); part.write(filename); } //截取文件名 public string getfilenamefrompart(part part) { string header = part.getheader("content-disposition"); string filename = header.substring(header.indexof("filename=\"")+10, header.lastindexof("\"")); return filename; } }
相信看了这些案例你已经掌握了方法，更多精彩请关注其它相关文章！
相关阅读：
html5中的dom编程的实现步骤
用h5做有特效的下拉框
html里formdata对象的详细介绍
以上就是h5里js和servlet实现文件上传的实现步骤的详细内容。