js和servlet实现文件上传

最新推荐文章于 2021-12-15 15:02:02 发布

发疯的man

最新推荐文章于 2021-12-15 15:02:02 发布

阅读量723

点赞数

分类专栏： javaSE javaEE 文章标签： servlet javascript

本文链接：https://blog.csdn.net/lzh657083979/article/details/78566154

版权

javaSE 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

javaEE

10 篇文章 0 订阅

订阅专栏

必须是h5和jsp3.0版本的。因为用到的是新属性，比如获取file对象，后台得到part对象等。

前台jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://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>
    <div>
        name:<input type="text" id="name"/>
        文件：<input type="file" id="file"/>
        <br>
        <button id="btu" onclick="btu()">提交</button>
    </div>
</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;  
    } 
}

亲测有效。有不懂的可以留言

发疯的man

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
js和servlet实现文件上传

必须是h5和jsp3.0版本的。因为用到的是新属性，比如获取file对象，后台得到part对象等。前台jsp<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitiona
复制链接

扫一扫