为啥我们须要上传组件呢?当我们要获取客户真个数据,我们一样平常是通过getParameter()方法来获取的。
上传文件数据是经由MIME协议进行分割的,表单进行了二进制封装。也便是说:getParameter()无法获取得到上传文件的数据。
我们首先来看看文件上传http是怎么把数据带过去的
jsp页面,表单一定要指定enctype:multipart/form-data
<form action=\公众${pageContext.request.contextPath }/servlet/UploadServlet1\"大众 enctype=\公众multipart/form-data\公众 method=\公众post\"大众> 上传用户:<input type=\公众text\"大众 name=\"大众username\"大众><br/> 上传文件1:<input type=\"大众file\"大众 name=\"大众file1\"大众><br/> 上传文件2:<input type=\"大众file\公众 name=\"大众file2\"大众><br/> <input type=\"大众submit\"大众 value=\"大众提交\"大众></form>http抓包
这里写图片描述
考试测验在Servlet上利用getParameter()获取数据String ss = request.getParameter(\"大众username\公众);System.out.println(ss);直策应用getParameter是获取不到数据的。
这里写图片描述
那么我们要怎么办呢????request工具供应了ServletInputStream流给我们读取数据
我们试着读取下文件ServletInputStream inputStream = request.getInputStream();byte[] bytes = new byte[1024];int len = 0;while ((len = inputStream.read(bytes)) > 0) { System.out.println(new String(bytes, 0, len));}在jsp页面多增长一个input控件
<input type=\"大众text\"大众 name=\公众password\"大众>我上传的文本文件内容便是111111,读取效果如下:
这里写图片描述
现在我们能够读取上传文件的数据了,但是现在问题又来了:怎么把文件上传个数据和普通传送给做事器的数据分割开来呢???上面在图上我们已经看到了,他们是稠浊在一起的。
按我们平常的做法是很难分割开来的,以是我们须要上传组件
上传组件有两种
FileUpload【操作比较繁芜】SamrtUpload【操作比较大略】FileUpload要利用FileUpload组件,就须要导入两个jar包
commons-ioCommons-fileupload开拓步骤
创建解析器工厂工具【DiskFileItemFactory】通过解析器工厂创建解析器【ServletFileUpload】调用解析器方法解析request工具,得到所有上传的内容【list】遍历list,判断每个工具是否是上传文件如果是普通表单字段,得到字段名和字段值如果是上传文件,调用InputSteam方法得到输入流,读取上传的数据快速入门
try{ //1.得到解析器工厂 DiskFileItemFactory factory = new DiskFileItemFactory(); //2.得到解析器 ServletFileUpload upload = new ServletFileUpload(factory); //3.判断上传表单的类型 if(!upload.isMultipartContent(request)){ //上传表单为普通表单,则按照传统办法获取数据即可 return; } //为上传表单,则调用解析器解析上传数据 List<FileItem> list = upload.parseRequest(request); //FileItem //遍历list,得到用于封装第一个上传输入项数据fileItem工具 for(FileItem item : list){ if(item.isFormField()){ //得到的是普通输入项 String name = item.getFieldName(); //得到输入项的名称 String value = item.getString(); System.out.println(name + \公众=\公众 + value); }else{ //得到上传输入项 String filename = item.getName(); //得到上传文件名 C:\Documents and Settings\ThinkPad\桌面\1.txt filename = filename.substring(filename.lastIndexOf(\"大众\\\"大众)+1); InputStream in = item.getInputStream(); //得到上传数据 int len = 0; byte buffer[]= new byte[1024]; String savepath = this.getServletContext().getRealPath(\"大众/upload\"大众); FileOutputStream out = new FileOutputStream(savepath + \"大众\\\"大众 + filename); //向upload目录中写入文件 while((len=in.read(buffer))>0){ out.write(buffer, 0, len); } in.close(); out.close(); } }}catch (Exception e) { e.printStackTrace();}
测试
普通的字段和上传的文件都能读取得到了!这里写图片描述
SmartUpload要利用SmartUpload组件,就须要导入smartupload.jar开拓包
快速入门
//实例化组件SmartUpload smartUpload = new SmartUpload();//初始化上传操作smartUpload.initialize(this.getServletConfig(), request, response);try { //上传准备 smartUpload.upload(); //对付普通数据,纯挚到request工具是无法获取得到提交参数的。也是须要依赖smartUpload String password = smartUpload.getRequest().getParameter(\"大众password\"大众); System.out.println(password); //上传到uploadFile文件夹中 smartUpload.save(\"大众uploadFile\公众);} catch (SmartUploadException e) { e.printStackTrace();}
测试
同样地,我们可以上传文件到uploadFile文件夹中。代码量也的确减少很多!
也能够获取普通字段的参数
这里写图片描述
上传文件名的中文乱码和上传数据的中文乱码我把文件名改成中文,就乱码了:这里写图片描述
表单提交过来的中文数据也乱码了。这里写图片描述
上面已经说了,上传文件的数据的表单进行了二进制封装,以是利用request对数据编码编码,对付表单提交过来的数据是不见效的!
FileUpload办理乱码
利用FileUpload办理乱码问题是十分大略的
办理中文文件名乱码,得到解析器往后,就直接设置解析器的编码为UTF-8就行了!//设置upload的编码 fileUpload.setHeaderEncoding(\"大众UTF-8\"大众);办理表单数据乱码,在获取表单值的时候,按照UTF-8编码来获取
String value = fileItem.getString(\"大众UTF-8\公众);
效果:
这里写图片描述
SmartUpload办理乱码
这个组件办理乱码问题有点麻烦,在网上找了各种办法也没找到大略的……
以是,如果数据不涉及到中文就利用SmartUpload组件,涉及到中文数据就利用FileUpload组件吧!
假设我现在有多个文件要上传,而且要上传的个数是不愿定的。那么我们要怎么办呢???
我们不可能列出很多很多个上传文件的控件在页面上,这样不雅观观。如果用户用不到那么多个控件,也摧残浪费蹂躏呀。
以是,我们想要动态地增长上传文件的控件,如果用户还想要上传文件,只须要动态地天生控件出来即可!
剖析
要想在页面上动态地天生控件,无非便是利用JavaScript代码。
那么我们要怎么做呢??
这样子吧:当用户想要上传文件的时候,就点击按钮,按钮绑定事宜,天生文件上传的控件。
为了做得更加完善,每当天生了文件上传的控件,也供应一个删除按钮,删除该控件!
我们该当利用div装载着我们要天生的控件和删除按钮,而用户点击删除的时候,该当是要把删除按钮和文件上传控件都一起隐蔽起来的。以是,最好便是利用嵌套div!
代码
页面代码:<table border=\公众1px\"大众> <tr> <td>上传用户:</td> <td><input type=\公众text\公众 name=\"大众username\公众></td> </tr> <tr> <td>添加上传文件</td> <td><input type=\公众button\"大众 value=\"大众添加上传文件\公众 onclick=\公众addUploadFile()\"大众> </td> </tr> <tr> <td> <div id=\"大众file\"大众> </div> </td> </tr></table>javaScript代码
<script type=\"大众text/javascript\"大众> function addUploadFile() { //天生文件上传控件 var input = document.createElement(\"大众input\"大众); input.type = 'file'; input.name = 'fileName'; //天生删除按钮 var del = document.createElement(\"大众input\"大众); del.type = 'button'; del.value = '删除'; //天生内部的div var innerDiv = document.createElement(\"大众div\公众); //将两个控件绑定到内部div上 innerDiv.appendChild(input); innerDiv.appendChild(del); //得到外部div控件,并将内部div绑定到外部div上 var outterDiv = document.getElementById(\"大众file\公众); outterDiv.appendChild(innerDiv); //为删除按钮绑定事宜 del.onclick = function dele() { //调用外界div的remove方法把内部的div干掉 this.parentNode.parentNode.removeChild(this.parentNode); }}</script>文件上传细节如果上传文件的大小大于我们设定文件的大小,那么文件在上传的时候会利用临时文件保存上传数据。在上传完毕后,我们该当删除临时文件上传文件的位置是不能在WEB做事器管理之下的,否则可能造成安全问题【其他人有可能通过手段来修正上传文件】如果上传文件名相同,那么就会把原来的上传文件覆盖掉。我们要天生一个独一无二的文件名。如果用户量很大,上传文件非常多。那么我们不应该在一个目录保存所有的上传文件,这样很可能造成磁盘奔溃了。以是我们要把上传的文件打散到不同的目录下。
剖析
删除临时文件问题是非常大略的,只须要在所有的操作完毕之后,调用FileItem的delete()方法即可
让上传文件的位置不能在WEB做事器管理之下,我们把上传文件的位置放到WEB-INF/目录下即可!
文件名相同的问题,我们可以利用UUID+用户上传的文件名来作为我们保存上传文件名。这样的文件名便是独一无二的了。
要将上传的文件进行打散,那么我们须要利用HashCode算法来进行打散。
低四位天生一级目录5-8位天生二级目录代码
下面我们写一个比较完善的上传文件代码
利用hashCode算法来打散保存的目录private String makeDirPath(String fileName, String path) { //通过文件名来算出一级目录和二级目录 int hashCode = fileName.hashCode(); int dir1 = hashCode & 0xf; int dir2 = (hashCode & 0xf0) >> 4; String dir = path + \公众\\\公众 + dir1 + \"大众\\\"大众 + dir2; //如果该目录不存在,就创建目录 File file = new File(dir); if (!file.exists()) { file.mkdirs(); } //返回全路径 return dir;}天生独一无二的文件名
private String makeFileName(String fileName) { //利用下划线把UUID和文件名分割开来,后面可能会解析文件名的。 return UUID.randomUUID().toString() + \"大众_\公众+ fileName;}上传的代码
//创建工厂DiskFileItemFactory factory = new DiskFileItemFactory();//通过工厂创建解析器ServletFileUpload fileUpload = new ServletFileUpload(factory);//设置upload的编码fileUpload.setHeaderEncoding(\"大众UTF-8\公众);//判断上传表单的类型if(!fileUpload.isMultipartContent(request)){ //上传表单为普通表单,则按照传统办法获取数据即可 return;}try { //解析request工具,得到List【装载着上传的全部内容】 List<FileItem> list = fileUpload.parseRequest(request); //遍历List,判断装载的内容是普通字段还是上传文件 for (FileItem fileItem : list) { //如果是普通输入项 if (fileItem.isFormField()) { //得到输入项的名称和值 String name = fileItem.getFieldName(); String value = fileItem.getString(\公众UTF-8\"大众); System.out.println(name + \"大众 = \"大众 + value); } else { //如果是上传文件 //得到上传名称【包括路径名】 String fileName = fileItem.getName(); //截取文件名 fileName = fileName.substring(fileName.lastIndexOf(\公众\\\"大众) + 1); //天生独一无二的文件名 fileName = makeFileName(fileName); InputStream inputStream = fileItem.getInputStream(); //得到项目的路径,把上传文件写到项目中 String path = this.getServletContext().getRealPath(\"大众/WEB-INF/uploadFile\公众); //得到分散后的目录路径 String realPath = makeDirPath(fileName, path); FileOutputStream outputStream = new FileOutputStream(realPath + \"大众\\\公众 + fileName); byte[] bytes = new byte[1024]; int len = 0; while ((len = inputStream.read(bytes)) > 0) { outputStream.write(bytes, 0, len); } inputStream.close(); outputStream.close(); //删除临时文件的数据 fileItem.delete(); } }} catch (FileUploadException e) { e.printStackTrace();}
效果:
成功把目录打散,文件名也是独一无二的了。这里写图片描述
列出上传目录下的文件,供应下载在讲解respose工具的时候已经讲解过文件下载了。这次我们就直接写一个小案例来巩固文件下载把。
上传目录下的文件有3个这里写图片描述
剖析
首先,要把目录下的文件都列出来。由于后面要根据文件名对文件进行下载,以是我们用一个Map凑集来保存所有的文件
下载文件部分也很大略,根据文件名和上传文件位置找到对应的文件,对其进行读写,然后修正头实现下载就好了。
得到装载上传文件的路径,通过递归把所有的文件都查找出来(判断是否是文件便是递归出口),装载到Map凑集中将Map凑集传到前台做展示用户点击下载的时候,再根据原名来获取绝对路径如果该资源是存在的,就许可用户下载代码
将存放在WEB-INF/目录下的文件全部放在Map凑集中protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //得到上传文件的目录 String filePath = this.getServletContext().getRealPath(\公众/WEB-INF/uploadFile\"大众); Map map = new HashMap(); //利用递归来得到所有的文件,并添加到Map凑集中 getAllFiles(new File(filePath), map); request.setAttribute(\"大众map\公众, map); request.getRequestDispatcher(\"大众/listFile.jsp\"大众).forward(request, response);}private void getAllFiles(File filePath, Map map) { //如果不是文件,那么它便是文件夹 if (!filePath.isFile()) { //列出文件夹下所有的文件(可能是文件,可能是文件夹) File[] files = filePath.listFiles(); for (File file : files) { //得到的文件(或者是文件夹)再对其进行判断 getAllFiles(file, map); } } else { //进入到else语句了,肯定是文件了 //得到文件名 String fileName = filePath.getName().substring(filePath.getName().lastIndexOf(\"大众_\"大众) + 1); //我们将文件全名作为key,文件名作为value保存在map凑集中 map.put(filePath.getName(), fileName); }}在JSP页面中显示可以下载的文件
<c:forEach items=\"大众${map}\"大众 var=\"大众me\公众> <c:url var=\公众url\"大众 value=\公众/DownFileServlet\公众> <c:param name=\"大众fileName\公众 value=\"大众${me.key}\"大众></c:param> </c:url> ${me.value}<a href=\"大众${url}\公众>下载!
</a><br></c:forEach>实现下载的Servlet
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //得到文件的全名 String fileName = request.getParameter(\"大众fileName\"大众); //如果是中文数据,须要转码。 fileName = new String(fileName.getBytes(\"大众ISO8859-1\"大众), \"大众utf-8\"大众); //得到保存文件的位置 String path = this.getServletContext().getRealPath(\"大众/WEB-INF/uploadFile\公众); //文件是通过文件名进行hashCode打散保存的,通过文件名拿到文件绝对路径 String fileRealPath = makeFilePath(fileName, path); System.out.println(fileRealPath); //判断文件是否存在 File file = new File(fileRealPath); if (!file.exists()) { request.setAttribute(\"大众message\"大众, \"大众您要下载的资源不存在了!
\公众); request.getRequestDispatcher(\"大众/message.jsp\公众).forward(request, response); return ; } //存在 //读取该文件并把数据写给浏览器 FileInputStream inputStream = new FileInputStream(fileRealPath); byte[] bytes = new byte[1024]; int len = 0; while ((len = inputStream.read(bytes)) > 0) { response.getOutputStream().write(bytes, 0, len); } inputStream.close(); //设置头,见告浏览器,这是下载的文件 String name = fileName.substring(fileName.lastIndexOf(\"大众_\"大众) + 1); response.setHeader(\"大众content-disposition\"大众,\公众attachment;filename=\"大众 + URLEncoder.encode(name, \公众UTF-8\公众));}private String makeFilePath(String fileName, String path) { int hashCode = fileName.hashCode(); int dir1 = hashCode & 0xf; int dir2 = (hashCode & 0xf0) >> 4; String dir = path + \"大众\\\"大众 + dir1 + \"大众\\\"大众 + dir2 +\"大众\\\"大众+ fileName; return dir;}
文章来源:https://dwz.cn/jaEo4CzX
作者:Java3y