gpt4 book ai didi

Java后端SSM框架图片上传功能实现方法解析

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Java后端SSM框架图片上传功能实现方法解析由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

1、技术概述 。

(1)这个技术是做什么 。

这个技术是上传图片到服务器上,并且把地址存在数据库中。前端调用的时候之间通过地址即可调用.

(2)学习该技术的原因 。

由于用户在写日记的时候也可以进行图片的上传,同时还有用户头像的上传.

2、技术详述 。

以上传用户的头像为例 。

(1)接口代码 。

?
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
@RequestMapping (value = "user/profilePhoto" , produces = "application/json; charset=utf-8" )
@ResponseBody
public boolean imageUphold( @RequestParam ( "photo" ) MultipartFile file, Long phone) throws IOException {
     String filePath = ducumentBase; // 保存图片的路径
     // String filePath = "/image";//保存图片的路径
     // 获取原始图片的拓展名
     String originalFilename = file.getOriginalFilename();
     System.out.println( "originalFilename: " + originalFilename);
     // 新的文件名字
     String newFileName = UUID.randomUUID() + originalFilename;
     // 封装上传文件位置的全路径
     filePath += "/" + phone;
     System.out.println( "filePath: " + filePath);
     File targetFile = new File(filePath, newFileName);
     if (!targetFile.exists()) {
         targetFile.mkdirs();
     }
     // 把本地文件上传到封装上传文件位置的全路径
     System.out.println( "newFileName: " + newFileName);
 
     System.out.println( "targetFile: " + targetFile.getName());
     System.out.println( "phone: " + phone);
     //System.out.println("afterPhone");
     try {
         file.transferTo(targetFile);
     } catch (IllegalStateException e) {
         // TODO Auto-generated catch block
         e.printStackTrace();
     } catch (IOException e) {
         // TODO Auto-generated catch block
         e.printStackTrace();
     }
     String allPath=mappingPath + "/" + phone+ "/" + newFileName;
     System.out.println( "存储路径为" +allPath);
     boolean result=onedayServiceImpl.updProfilePhoto(allPath, phone); //存在数据库中,其中allPath的数据库类型为varchar(1000)
     return result;
}

其中的ducumentBase以及mappingPath 。

@Value("${ducument.base}") private String ducumentBase; @Value("${mapping.path}") private String mappingPath,

为全局变量 。

配置文件 。

ducument.base = D://oneday_uphold mapping.path = /images 。

(2)解释 。

用MultipartFile来接收图片的二进制码,然后使用路径+图片名+随机数保存图片.

(3)测试jsp 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
< title >image/uphold</ title >
</ head >
< body >
   < form action = "user/profilePhoto" method = "post" enctype = "multipart/form-data" >
     图片:< input type = "file" name = "photo" >
     电话:< input type = "text" name = "phone" value = "13225942005" >
     < input type = "submit" value = "提交" >
   </ form >
</ body >
</ html >

(4)显示图片 。

<img id="images" alt="头像" src="/mappingPath/路径"> 。

3、技术使用中遇到的问题和解决过程 。

(1)无法保存:

查看是否已进行服务器的设置,以Eclipse为例 。

Servers->Modules->Add External Web Modules 进行路径的设置 。

(2)无法访问接口:

查看是否使用表单形式访问:method="post" enctype="multipart/form-data" 。

同时上传的名字是否与接口相对应 。

4、总结 。

本来进行图片的上传的时候考虑过直接上传二进制到数据库用blob进行保存,但觉得这样不好,遂改为保存图片地址的方式进行上传.

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我.

原文链接:https://www.cnblogs.com/hjsblog/p/13191516.html 。

最后此篇关于Java后端SSM框架图片上传功能实现方法解析的文章就讲到这里了,如果你想了解更多关于Java后端SSM框架图片上传功能实现方法解析的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com