首页 / MYSQL / JSP实现上传图片（或文件）到MySQL中

JSP实现上传图片（或文件）到MySQL中

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JSP实现上传图片（或文件）到MySQL中，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8587字，纯文字阅读大概需要13分钟。

内容图文

这学期JAVAEE课程做了一个项目，其中有一个功能是在前台输入一些文本信息和选择文件，将这些信息和文件传入到MySQL中去。上网查了一些资料，先后用两种方式实现了这个功能。难点在于，如何把前端input标签file类型的数据取到，这里记录了【两种上传文件到指定目录的方式】和【一种jsp实现上传文件到MySQL的方法】。

参考资料

[1] Java+mysql本地图片上传数据库及下载示例
[2] 使用Servlet3.0提供的API实现文件上传到指定位置

上传文件方式一：

先来讲第一种方式，在项目后期被第二种方式取代了，原因后续会说到。最开始查到了这部分代码，虽然实现了上传指定路径的文件到数据库中，但是得去改浏览器设置。如果不改，获取出来的路径是这样的：C:\fakepath\文件名。显而易见，获取到的是一个不存在的路径。原因很简单：出于安全性考虑，文件路径可能会暴露你的用户名或者其他内容，浏览器通过fakepath直接代替了其中的路径名，保护用户隐私。有一个解决办法，不过仅限IE浏览器。打开浏览器，在菜单栏依次点击：工具 -> Internet选项 -> 安全 -> 自定义级别 -> 找到“其他”中的“将本地文件上载至服务器时包含本地目录路径”，选中“启用”即可。但作为开发者，我们不能指望用户去这么做，应该通过代码解决这个问题。
JSP实现上传图片（或文件）到MySQL中 - 文章图片

上传文件方式二：

后续查找资料并没有找到有效可用的代码，于是去请教了老师。老师给我提供了一种思路：使用Servlet3.0提供的API，实现文件上传到指定文件夹，再获取该文件的名称，然后加上之前指定的路径，就可以得到该文件的绝对路径了，最后再把文件传到MYSQL中。上传文件至指定目录的代码可参考资料2。

正片开始

Dynamic Web Project项目结构如下，值得注意的是用到了mysql-connector-java-5.1.46.jar，这里准备了网上分享的链接，没有的话先去下载
JSP实现上传图片（或文件）到MySQL中 - 文章图片

建立数据库和表

先准备一个数据库和表，这里我用的库名是fileDB，表名是files，以下是建表脚本

CREATE TABLE files (
	id INT NOT NULL,
	-- 文件ID
	content VARCHAR (100) NULL,
	-- 文件描述
	file1 LONGBLOB NULL,
	-- 文件源1
	file2 LONGBLOB NULL,
	-- 文件源2
	PRIMARY KEY (id)
);

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<html>
<head>
<base href="<%=basePath%>">
<title>My JSP to MySQL</title>
</head>
<body>
	<form id="myform" name="myform"
		action="${pageContext.request.contextPath}/UploadFile" method="post"
		enctype="multipart/form-data">
		文件描述 <br> <input id="content" name="content" type="text"><br>
		文件1 <br> <input id="file1" name="file" type="file" value="选择文件"><br>
		文件2 <br> <input id="file2" name="file" type="file" value="选择文件"><br>
		<input id="form_submit" name="form_submit" type="submit" value="上传"
			onclick="submit()">
	</form>
</body>
</html>

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">
  <display-name>JSPtoMySQL</display-name>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

JDBC.java

package Conn;

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

public class JDBC {
	// jdbc四大参数，记得修改MySQL的用户名和密码
	static final public String driver = "com.mysql.jdbc.Driver";
	static final public String url = "jdbc:mysql://localhost:3306/filedb?useSSL=false";
	static final public String username = "root";
	static final public String password = "root";

	static Connection conn = null;
	static PreparedStatement ps = null;
	static ResultSet rs = null;

	static {
		try {
			Class.forName(driver);
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
			throw new RuntimeException();
		}
	}

	public int getNewID() {
		String sql = "select MAX(id) from files";
		int id = -1;
		try {
			conn = DriverManager.getConnection(url, username, password);
			ps = conn.prepareStatement(sql);
			rs = ps.executeQuery();
			while (rs.next())
			{
				id = rs.getInt("MAX(id)");
			}
			System.out.println("getMAXID="+id);
			return id + 1;
		} catch (SQLException e) {
			e.printStackTrace();
			throw new RuntimeException(e);
		} finally {
			close(conn, ps, rs);
		}
	}

	public void insert(int id, String content) {
		String sql = "insert into files(" + "id, content) " + "values (" + "?, ?);";

		try {
			conn = DriverManager.getConnection(url, username, password);
			ps = conn.prepareStatement(sql);
			ps.setInt(1, id);
			ps.setString(2, content);
			ps.executeUpdate();
		} catch (SQLException e) {
			e.printStackTrace();
			throw new RuntimeException(e);
		} finally {
			close(conn, ps, null);
		}
	}

	public int upload_file(int id, String fileUrl, int flag) {
		String sql = "";
		// 区分上传的是文件1还是文件2
		if (flag == 1) {
			sql = "update files set " + "file1 = ? " + "where id = " + id + ";";
		} else if (flag == 2) {
			sql = "update files set " + "file2 = ? " + "where id = " + id + ";";
		}
		FileInputStream fis = null;
		// 读取文件
		File file = new File(fileUrl);
		// 记录被影响的行数
		int success = 0;

		try {
			// 转换文件为字节流
			fis = new FileInputStream(file);
			conn = DriverManager.getConnection(url, username, password);
			ps = conn.prepareStatement(sql);
			ps.setBlob(1, fis);
			success = ps.executeUpdate();
			System.out.println("受影响的行："+success);
			return success;
		} catch (IOException e) {
			e.printStackTrace();
			throw new RuntimeException(e);
		} catch (SQLException e) {
			e.printStackTrace();
			throw new RuntimeException(e);
		} finally {
			close(conn, ps, null);
		}
	}

	// 回收资源
	public void close(Connection conn, PreparedStatement ps, ResultSet rs) throws RuntimeException {
		if (rs != null) {
			try {
				rs.close();
			} catch (SQLException e) {
				e.printStackTrace();
				throw new RuntimeException(e);
			}
		}
		if (ps != null) {
			try {
				ps.close();
			} catch (SQLException e) {
				e.printStackTrace();
				throw new RuntimeException(e);
			}
		}
		if (conn != null) {
			try {
				conn.close();
			} catch (SQLException e) {
				e.printStackTrace();
				throw new RuntimeException(e);
			}
		}
	}
}

UploadFile.java

package servlet;

import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
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;
import Conn.JDBC;
//使用@WebServlet配置UploadFile的访问路径
@WebServlet(name = "UploadFile", urlPatterns = "/UploadFile")
//使用注解@MultipartConfig将一个Servlet标识为支持文件上传
@MultipartConfig // 标识Servlet支持文件上传
public class UploadFile extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		System.out.println("UploadFile开始工作");
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		
		JDBC jdbc = new JDBC();
		int id = jdbc.getNewID();
		String content = request.getParameter("content");
		System.out.println("UploadFile获取到的id：" + id);
		System.out.println("UploadFile获取到的content：" + content);
		// 将JSP接收到的文本类型数据插入到数据库中
		jdbc.insert(id, content);
		
		/* 以下代码的作用：上传文件到指定目录，并插入到数据库中  */
		// 存储路径
		String savePath = request.getServletContext().getRealPath("/WEB-INF/uploadFile");
		// 判断文件夹是否存在
		File file = new File(savePath);
		// 如果文件夹不存在则创建
		if (!file.exists() && !file.isDirectory()) {
			file.mkdir();
			System.out.println(savePath + "已创建");
		} else {
			System.out.println(savePath + "已存在");
		}
		// 获取上传的文件集合
		Collection<Part> parts = request.getParts();
		System.out.println("parts.size="+parts.size());
		
		// num用于标识和记录当前处理的第n个文件，success用于记录成功插入文件的次数
		int num = 1;
		int success = 0;
		for (Part part : request.getParts()) {
			// 只处理上传文件区段
			if (part.getName().startsWith("file")) {
				String fileName = getFileName(part);
				// 防止只上传文件2，不上传文件1出现的bug
				if (fileName.length()==0) {
					num++;
					continue;
				}
				// 把文件写到指定路径
				part.write(savePath + File.separator + fileName);
				String fileUrl = savePath + "\\" + fileName;
				System.out.println(fileName+"已上传");
				// 向数据库表中插入两个文件
				success += jdbc.upload_file(id, fileUrl, num++);
			}
		}

		PrintWriter out = response.getWriter();
		out.println("数据插入成功，其中包括" + success + "个文件");
		//response.sendRedirect("index.jsp");
		out.flush();
		out.close();
	}
	
	private String getFileName(Part part) {
        String header = part.getHeader("Content-Disposition");
        String fileName = header.substring(header.indexOf("filename=\"") + 10, header.lastIndexOf("\""));
        header.lastIndexOf("\"");
        return fileName;
    }

	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		this.doGet(request, response);
	}
}

测试结果

内容总结

以上是互联网集市为您收集整理的JSP实现上传图片（或文件）到MySQL中全部内容，希望文章能够帮你解决JSP实现上传图片（或文件）到MySQL中所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/871663.html

来源：【匿名】

【上一篇】MySQL-locate()函数【下一篇】用IE远程创建Mysql数据库的简易程序

更多 ►

【JSP实现上传图片（或文件）到MySQL中】教程文章相关的互联网学习教程文章

jquery-php上传多图片后对每张图片进行描述后保存到mysql

请问如何实现jquery上传图片后，把每张图的描述对应插入数据库，怎么个逻辑呢回复内容：请问如何实现jquery上传图片后，把每张图的描述对应插入数据库，怎么个逻辑呢如果你是利用jquery实现异步上传图片的话，那么你大可利用异步请求返回的图片ID进行图片绑定，把描述信息绑定到对应的图片上，然后存进mysql。这是我常用的解决方案，希望对你有用。

Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（一）_javascript技巧【图】

在前端这个坑里摸爬滚打已经一年多了，终于下定决心写下自己第一篇博客（虽然内容原创居少，算是个整合内容），开始使用express的原因是因为自己想测试接收下前端上传图片并返回，实现图片上传。后端各位大大们又都比较忙，没办法了，只能自己上了（哎，都是逼出来的）。　　此教程适合没有接触过node的web前端开发，快速构建自己的框架，基于express4.x。首先安装express ，http://www.expressjs.com.cn/starter/installing.html，...

Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（二）_javascript技巧

在上篇文章给大家介绍了express实现前端后端通信上传图片之存储数据库（mysql）傻瓜教程（一)数据库如标题，使用开源的mysql为基础，我是下载的解压版本（自行百度就有，用百度下载的就行），配置过程http://www.gxlcms.com/article/76206.htm，本人在安装过程中，对于配置my.ini文件着实找了好久的教程，所以贴上本人的my.ini文件[mysqld] basedir="D:/MySql" datadir="D:/MySql/data" port = 3306 socket = "/tmp/mysql.sock" ...

Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（一）【图】

在前端这个坑里摸爬滚打已经一年多了，终于下定决心写下自己第一篇博客（虽然内容原创居少，算是个整合内容），开始使用express的原因是因为自己想测试接收下前端上传图片并返回，实现图片上传。后端各位大大们又都比较忙，没办法了，只能自己上了（哎，都是逼出来的）。此教程适合没有接触过node的web前端开发，快速构建自己的框架，基于express4.x。首先安装express ，http://www.expressjs.com.cn/starter/installing.html，安装...

Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（二）

在上篇文章给大家介绍了express实现前端后端通信上传图片之存储数据库（mysql）傻瓜教程（一)数据库如标题，使用开源的mysql为基础，我是下载的解压版本（自行百度就有，用百度下载的就行），配置过程//www.gxlcms.com/article/76206.htm，本人在安装过程中，对于配置my.ini文件着实找了好久的教程，所以贴上本人的my.ini文件 [mysqld] basedir="D:/MySql" datadir="D:/MySql/data" port = 3306 socket = "/tmp/mysql.sock" [cli...

上传图片保存到MySql数据库并显示--经验证有效【图】

前台（image.html）： 1<html> 2<head> 3<title>上传图片</title> 4</head> 5<body> 6<form method="post" action="upimage.php" enctype="multipart/form-data"><center><br><br><br><br> 7 <input type="hidden" value="204800" name="MAX_FILE_SIZE"/> 8 File: <input type="file" name="imgfile" /><br><br> 9 <input type="submit" value="OK" name="submitbtn" style="width:100px;height:23px"/></center>10 </form>11<...

Oracle数据库使用存储过程上传大图片blob参数,上传失败怎么会

procedure proc1( Attachmen in out blob, --附件 ) is i integer; atta blob; begin dbms_lob.createtemporary(atta,true); select we.nextval into i from dual; insert into t_TrafficInfor (id,Attachment) values(i,EMPTY_BLOB()); if(Attachmen is notprocedure proc1(Attachmen in out blob, --附件)isi integer;atta blob;begindbms_lob.createtemporary(atta,true);select we.nextval into i from dual;insert into ...

MySQL+SSM+Ajax上传图片问题的分析（图）【图】

本文主要介绍了MySQL+SSM+Ajax上传图片问题。具有很好的参考价值。下面跟着小编一起来看下吧第一次写上传图片的代码，碰到很多问题。昨天做了整整一天，终于在晚上的时候成功了。大声欢呼。但是，做完之后，还是有很多问题想不通。所以在这里也算是写个笔记，日后忘记了可以回顾，也算请教各路朋友。（^_^）　Q.1. 网上说Ajax不能上传文件，但是这个说法并不是很多，也还是有蛮多通过Ajax上传文件的分享。我也没有通过Ajax做出来，...