在很多的网站都可以实现上传头像，可以选择自己喜欢的图片做头像，从本地上传，下次登录时可以直接显示出已经上传的头像，那么这个是如何实现的呢？
下面说一下我的实现过程(只是个人实现思路，实际网站怎么实现的不太清楚)
实现的思路：
工具：MySQL，eclipse
首先，在MySQL中创建了两个表，一个t_user表，用来存放用户名，密码等个人信息，
一个t_touxiang表，用来存放上传的图片在服务器中的存放路径，以及图片名字和用户ID，
T_touxiang表中的用户ID对应了t_user中的id。
t_user表SQL：
|
1
2
3
4
5
6
7
8
|
DROP TABLE IF EXISTS `t_user`; CREATE TABLE `t_user` ( `id` int(10) NOT NULL AUTO_INCREMENT, `username` varchar(20) NOT NULL, `password` varchar(255) NOT NULL, PRIMARY KEY (`id`), UNIQUE KEY `username` (`username`) ) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT CHARSET=utf8; |
T_touxiang表SQL：
|
1
2
3
4
5
6
7
8
9
10
|
DROP TABLE IF EXISTS `t_touxiang`; CREATE TABLE `t_touxiang` ( `id` int(10) NOT NULL AUTO_INCREMENT, `image_path` varchar(255) DEFAULT NULL, `user_id` int(11) DEFAULT NULL, `old_name` varchar(255) DEFAULT NULL, PRIMARY KEY (`id`), KEY `img_user` (`user_id`), CONSTRAINT `img_user` FOREIGN KEY (`user_id`) REFERENCES `t_user` (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8; |
首先，写一个UploadServlet.Java，用来处理图片文件的上传，并将图片路径，图片名称等信息存放到t_touxiang数据表中，代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
|
@WebServlet("/UploadServlet.do") public class UploadServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 判断上传表单是否为multipart/form-data类型 HttpSession session = request.getSession(); User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话 // 中 if (ServletFileUpload.isMultipartContent(request)) { try { // 1. 创建DiskFileItemFactory对象，设置缓冲区大小和临时文件目录 DiskFileItemFactory factory = new DiskFileItemFactory(); // System.out.println(System.getProperty("java.io.tmpdir"));//默认临时文件夹 // 2. 创建ServletFileUpload对象，并设置上传文件的大小限制。 ServletFileUpload sfu = new ServletFileUpload(factory); sfu.setSizeMax(10 * 1024 * 1024);// 以byte为单位 不能超过10M 1024byte = // 1kb 1024kb=1M 1024M = 1G sfu.setHeaderEncoding("utf-8"); // 3. // 调用ServletFileUpload.parseRequest方法解析request对象，得到一个保存了所有上传内容的List对象。 @SuppressWarnings("unchecked") List<FileItem> fileItemList = sfu.parseRequest(request); Iterator<FileItem> fileItems = fileItemList.iterator(); // 4. 遍历list，每迭代一个FileItem对象，调用其isFormField方法判断是否是上传文件 while (fileItems.hasNext()) { FileItem fileItem = fileItems.next(); // 普通表单元素 if (fileItem.isFormField()) { String name = fileItem.getFieldName();// name属性值 String value = fileItem.getString("utf-8");// name对应的value值 System.out.println(name + " = " + value); } // <input type="file">的上传文件的元素 else { String fileName = fileItem.getName();// 文件名称 System.out.println("原文件名：" + fileName);// Koala.jpg String suffix = fileName.substring(fileName.lastIndexOf('.')); System.out.println("扩展名：" + suffix);// .jpg // 新文件名（唯一） String newFileName = new Date().getTime() + suffix; System.out.println("新文件名：" + newFileName);// image\1478509873038.jpg // 5. 调用FileItem的write()方法，写入文件 File file = new File("D:/lindaProjects/mySpace/wendao/WebContent/touxiang/" + newFileName); System.out.println(file.getAbsolutePath()); fileItem.write(file); // 6. 调用FileItem的delete()方法，删除临时文件 fileItem.delete(); /* * 存储到数据库时注意 1.保存源文件名称 Koala.jpg 2.保存相对路径 * image/1478509873038.jpg * */ if (user != null) { int myid = user.getId(); String SQL = "INSERT INTO t_touxiang(image_path,user_id,old_name)VALUES(?,?,?)"; int rows = JdbcHelper.insert(SQL, false, "touxiang/" + newFileName, myid, fileName); if (rows > 0) { session.setAttribute("image_name", fileName); session.setAttribute("image_path", "touxiang/" + newFileName); response.sendRedirect(request.getContextPath() + "/upImage.html"); } else { } } else { session.setAttribute("loginFail", "请登录"); response.sendRedirect(request.getContextPath() + "/login.html"); } } } } catch (FileUploadException e) { e.printStackTrace(); } catch (Exception e) { e.printStackTrace(); } } } } |
在完成图片上传并写入数据库的同时，将图片路径通过session的方式发送到HTML界面
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>更换头像</title></head><body> <formaction="UploadServlet.do" method="post"enctype="multipart/form-data"> 本地目录：<inputtype="file" name="uploadFile"> <img src="${image_path}" width="200" height="200"> <inputtype="submit" value="上传头像"/> </form></body></html> |
至此，图片上传数据库和本地服务器已经实现，那么如何在HTML界面显示出个人信息以及上传的头像呢？
首先定义一个PersonServlet类，用来读取数据库的内容，并发送到HTML界面。
代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
@WebServlet("/persons.do") public class PersonServlet extends HttpServlet { private static final long serialVersionUID = -800352785988546254L; protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 判断上传表单是否为multipart/form-data类型 Touxiang tx=null; HttpSession session = request.getSession(); User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话 if(user!=null){ int myid=user.getId(); String SQL="SELECT id,image_path,old_name FROM t_touxiang WHERE user_id=?"; ResultSet rs=JdbcHelper.query(SQL,myid); String uSQL="SELECT username,password FROM t_user WHERE id=?"; ResultSet urs=JdbcHelper.query(uSQL,myid); System.out.println( "我的个人id是: " + myid); final List<Touxiang> touxiang=new ArrayList<>(); try { if(rs.next()) { tx=new Touxiang(); tx.setId(rs.getInt(1)); tx.setImage_path(rs.getString(2)); tx.setOld_name(rs.getString(3)); touxiang.add(tx); } if(urs.next()){ user.setUsername(urs.getString(1)); user.setPassword(urs.getString(2)); user.setTouxiang(touxiang); } } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } session.setAttribute("user", user); System.out.println( "我的id: " + myid); response.sendRedirect( request.getContextPath() + "/person.html"); } } } |
在HTML界面接收信息，并显示出来，代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<span style="white-space:pre"> </span><div> <form action="UploadServlet.do" method="post" enctype="multipart/form-data"> <div><a href="$path/upImage.html" rel="external nofollow" >更换头像</a></div> #foreach( $ut in $user.getTouxiang() ) <img src=" $ut.getImage_path()" width="200" height="200"> #end <div>我的头像：</div> <div>我的姓名：$user.getUsername()</div> <div><a href="$path/myAnswer.do" rel="external nofollow" >我的解答</a></div> <div><a href="$path/myQuestion.do" rel="external nofollow" >我的提问</a></div> <span style="white-space:pre"> </span> </form> </div> |
至此，一个基于Java的头像上传服务器，路径存储在MySQL，并在HTML界面读取出来的功能就基本实现了。头像上传之前进行处理等操作，可以选择一些插件来完成。这里只是简单的实现了基本功能。
以上所述是小编给大家介绍的Java实现图片上传到服务器并把上传的图片读取出来，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对服务器之家网站的支持！
原文链接：http://blog.csdn.net/weixin_36380516/article/details/58594664
