h5版本下js和servlet实现文件上传的教程

更新时间:2023-04-03 01:00:34 阅读：评论：0

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

前台jsp

<%@ page language="java" contentType="text/html; chart=utf白玉兰花-8"    pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loo.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; chart=utf-8"><title>Inrt 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:fal,                processData:fal, //必须写                contentType:fal, //必须写         深圳暴雨       type:"post",                success:function(data){                }            })    }</script></html>

后台java

package up;import java.io.File;import java.io.IOException;import java.util.Collection;import javax.rvlet.ServletException;import javax.rvlet.annotation.MultipartConfig;import javax.rvlet.annotation.WebServlet;import javax.rvlet.http.HttpServlet;import javax.rvlet.http.HttpServletRequest;import javax.rvlet.http.HttpServletRespon;import javax.rvlet.http.Part;/** * Servlet implementation class UpdataFile */@MultipartConfig(location="E:/")@WebServlet("/UpdataFile")public class UpdataFile extends HttpServlet {    private static final long rialVersionUID = 1L;    private File file;    protected void doGet(HttpServletRequest request, HttpServletRespon respon) throws ServletException, IOException {        // TODO Auto-generated me属鸡的女人thod stub            System.out.println("1111111111");    }    /**     * @e HttpServlet#doPost(HttpServletRequest request, HttpServletRespon respon)     */    protected void doPost(HttpServletRequest request, HttpServletRespon respon) 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;      } }

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

本文发布于:2023-04-03 01:00:31，感谢您对本站的认可！

本文链接：https://www.wtabcd.cn/fanwen/zuowen/53915ee0c76a568381844fde5289178a.html

本文word下载地址：h5版本下js和servlet实现文件上传的教程.doc

本文 PDF 下载地址：h5版本下js和servlet实现文件上传的教程.pdf

上一篇：老鼠兔子不成婚是什么意思，生肖鼠和生肖兔配不配？

下一篇：返回列表