JavaScript/Jsp 多图上传和上传Excelx表到数据库

最新推荐文章于 2021-11-01 17:02:10 发布

孺子-小哥

最新推荐文章于 2021-11-01 17:02:10 发布

阅读量2.3k

点赞数

分类专栏： Java Script 文章标签： JavaScript Jsp 图片

本文链接：https://blog.csdn.net/d18865556765/article/details/53011779

版权

本文介绍如何利用MyEclipse、jsp和jQuery技术实现多张图片上传及Excel表格上传到数据库的功能。首先，文章详细说明了多图上传的步骤，包括所需jar包和css的引入，以及关键代码的实现。成功上传的图片会存储在工程的upload目录下。其次，文章讲解了Excel上传到数据库的过程，包括DBConnection、Excel实体类的创建以及数据库操作的方法。最后，展示了上传后数据库和Excel表中的数据情况。

摘要由CSDN通过智能技术生成

实现目标：利用MyEclipse/jsp/jquery多种知识完成Excel表的上传和多图的上传。

1.多图上传

准备工作需要添加4个jar包和css样式，imgs图片，js样式到工程里面。

index代码：

<%@ page language="java" import="java.util.*" 
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
  <head>
    <base href="<%=basePath%>">    
    <title>多张图片上传</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="css/dhtmlXVault.css" />

    <script language="JavaScript" type="text/javascript" src="js/dhtmlXVault.js"></script>

    <script language="JavaScript" type="text/javascript">
        var vault = null;
        function doOnLoad() {
            preLoadImages();
            vault = new dhtmlXVaultObject();
            vault.setServerHandlers("UploadHandler.jsp", "GetInfoHandler.jsp", "GetIdHandler.jsp");
            vault.create("vault1");
	}

	function preLoadImages(){
		var imSrcAr = new Array("btn_add.gif","btn_clean.gif","btn_upload.gif","ico_file.png","ico_image.png","ico_sound.png","ico_video.png","ico_zip.png","pb_back.gif","pb_demoUload.gif","pb_empty.gif");
		var imAr = new Array(0);
		for(var i=0;i<imSrcAr.length;i++){
			imAr[imAr.length] = new Image();
			imAr[imAr.length-1].src = "imgs/"+imSrcAr[i];
		}
	}
    </script>

    <style>
	body {font-size:12px}
	.{font-family:arial;font-size:12px}
	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
	.hdr{
		background-color:lightgrey;
		margin-bottom:10px;
		padding-left:10px;
	}
    </style>

</head> 
  <body οnlοad="doOnLoad()">
    <div style="color:#ff0000;font-size:12px;">* 目前支持的上传格式 jpg,gif,bmp,png</div>
    <div id="vault1"></div>  
  </body>
</html>

GetIdHeader代码：

<%@ page import="org.apache.commons.fileupload.*" %>
<%@ page import="org.apache.commons.fileupload.servlet.*" %>
<%@ page import="com.scand.fileupload.*" %>
<%@ page import="java.io.*" %>
<%@ page import="java.util.*" %>
&l