Java后端SSM框架圖片上傳功能實現(xiàn)方法解析

更新時間：2020年06月28日 15:37:13 作者：世界第零帥

這篇文章主要介紹了Java后端SSM框架圖片上傳功能實現(xiàn)方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

一、技術(shù)概述

（1）這個技術(shù)是做什么

這個技術(shù)是上傳圖片到服務(wù)器上，并且把地址存在數(shù)據(jù)庫中。前端調(diào)用的時候之間通過地址即可調(diào)用。

（2）學(xué)習(xí)該技術(shù)的原因

由于用戶在寫日記的時候也可以進(jìn)行圖片的上傳，同時還有用戶頭像的上傳。

二、技術(shù)詳述

以上傳用戶的頭像為例

（1）接口代碼

	@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);//存在數(shù)據(jù)庫中，其中allPath的數(shù)據(jù)庫類型為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來接收圖片的二進(jìn)制碼，然后使用路徑+圖片名+隨機(jī)數(shù)保存圖片。

（3）測試jsp

<%@ 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）顯示圖片

三、技術(shù)使用中遇到的問題和解決過程

（1）無法保存：

查看是否已進(jìn)行服務(wù)器的設(shè)置，以Eclipse為例

Servers->Modules->Add External Web Modules 進(jìn)行路徑的設(shè)置

（2）無法訪問接口：

查看是否使用表單形式訪問：method="post" enctype="multipart/form-data"

同時上傳的名字是否與接口相對應(yīng)

四、總結(jié)

本來進(jìn)行圖片的上傳的時候考慮過直接上傳二進(jìn)制到數(shù)據(jù)庫用blob進(jìn)行保存，但覺得這樣不好，遂改為保存圖片地址的方式進(jìn)行上傳。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: