六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

h5里js與servlet完成文件上傳的完成步驟

發表時間：2023-12-24 來源：明輝站整理相關軟件相關文章人氣：

[摘要]這次教大家的是在H5里如何用JS和servlet來實現文件上傳，不過有一個前提條件，必須要是h5和jsp3.0版本，因為用到了新屬性，獲取file對象和后臺得到part對象。下面給大家看一個案列前臺jsp<%@ page language="java" contentTy...
這次教大家的是在H5里如何用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 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;  
    } 
}


相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

html5中的DOM編程的實現步驟

用H5做有特效的下拉框

HTML里FormData對象的詳細介紹

以上就是h5里js和servlet實現文件上傳的實現步驟的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
主站蜘蛛池模板： 色狠狠色综合吹潮 | 一级做a爱片性色毛片武则天五则 | 天天摸夜夜添狠狠添2018 | 日韩欧美在线免费观看 | 日本高免费观看在线播放 | 日本色中色 | 亚洲欧美日本综合 | 武则天一级淫片免费 | 日本免费人做人一区在线观看 | 特级毛片全部免费播放a一级 | 日韩网站免费 | 午夜小视频在线观看 | 日韩二级 | 人人狠狠综合久久亚洲88 | 亚洲精品亚洲人成在线 | 亚洲欧美一级视频 | 伊人免费视频 | 日韩爱爱 | 午夜免费毛片 | 欧美亚洲性色影视在线 | 中文字幕天堂最新版在线网 | 五月婷婷激情四射 | 欧美系列在线 | 色碰视频 | 亚洲视频www | 啪啪免费视频网站 | 亚洲欧美自拍另类图片色 | 婷婷色在线播放 | 午夜无遮挡怕怕怕免费视频 | 日本tv欧美tv天堂 | 五月综合激情视频在线观看 | 亚洲免费网址 | 青青久在线视频 | 亚洲欧美日韩高清一区二区一 | 在线观看 亚洲 | 亚洲欧美日韩一区高清中文字幕 | 天堂网ww| 色天网站 | 婷婷综合缴情亚洲狠狠图片 | 亚州国产 | 日韩a在线看免费观看视频 日韩a在线观看免费观看 |