java實(shí)現(xiàn)后臺(tái)圖片跨域上傳功能
跨域的原因
在項(xiàng)目開(kāi)發(fā)的過(guò)程中,我們經(jīng)常需要用到圖片上傳操作,傳統(tǒng)的做法是我們將其上傳到項(xiàng)目的所在目錄中,比如說(shuō)項(xiàng)目的target目錄中,但是由于項(xiàng)目在重啟的過(guò)程中,target文件夾下的內(nèi)容會(huì)被全部清空,這意味著如果采用這種方式,那么在測(cè)試環(huán)境與開(kāi)發(fā)環(huán)境;在每一次的項(xiàng)目重啟的過(guò)程中,我們經(jīng)常會(huì)遭遇圖片丟失的情況,這種情況有時(shí)往往很讓人頭疼,因而有一個(gè)圖片服務(wù)器對(duì)于項(xiàng)目的開(kāi)發(fā)和測(cè)試而言,這是十分必要的。
跨域的實(shí)現(xiàn)原理
在采用圖片服務(wù)器的情況下,我們只需要像往常一樣,由前臺(tái)界面將圖片上傳到本地項(xiàng)目服務(wù)器中,然后本地的項(xiàng)目服務(wù)器會(huì)將該圖片的數(shù)據(jù)流寫(xiě)入到遠(yuǎn)程的圖片服務(wù)器中,由遠(yuǎn)程的圖片服務(wù)器負(fù)責(zé)圖片的存儲(chǔ),最后,遠(yuǎn)程的圖片服務(wù)器會(huì)返回一個(gè)存儲(chǔ)圖片路徑,在本地的服務(wù)器只需要存儲(chǔ)該路徑,在頁(yè)面展示的時(shí)候,只需要在前臺(tái)將該圖片路徑展示出來(lái),即可完成對(duì)于遠(yuǎn)程圖片服務(wù)器的調(diào)用。
本地服務(wù)器源碼
@ResponseBody
@RequestMapping(value="/imgUpLoadNewOneKuaYu")
public String imgUpLoadNewOneKuaYu(HttpServletRequest request) throws IOException {
String urlStr = "http://localhost:9080/no-js/admin/upload";
Map<String, String> textMap = new HashMap<String, String>();
MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;//流的數(shù)據(jù)*
//取得request中的所有文件名
Iterator<String> iter = multiRequest.getFileNames();
Map<String, InputStream> fileMap = new HashMap<String, InputStream>();
if(iter.hasNext()){
//取得上傳文件
MultipartFile file = multiRequest.getFile(iter.next());
if(file != null){
//取得當(dāng)前上傳文件的文件名稱
String myFileName = file.getOriginalFilename();
InputStream fileInputStream=file.getInputStream();
fileMap.put(myFileName, fileInputStream);
}
}
String ret = FileUpLoadNew.formUpload(urlStr, textMap, fileMap);
System.out.println(ret);
return ret;
}
FileUpLoadNew
package net.sahv.bdyz.util;
import java.io.BufferedReader;
import java.io.DataInputStream;
import java.io.DataOutputStream;
import java.io.FileInputStream;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.OutputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.Iterator;
import java.util.Map;
public class FileUpLoadNew {
/**
* @param urlStr
* @param textMap
* @param fileMap
* @return
*/
public static String formUpload(String urlStr, Map<String, String> textMap, Map<String, InputStream> fileMap) {
String res = "";
HttpURLConnection conn = null;
String BOUNDARY = "---------------------------123821742118716"; //boundary就是request頭和上傳文件內(nèi)容的分隔符
try {
URL url = new URL(urlStr);
conn = (HttpURLConnection) url.openConnection();
conn.setConnectTimeout(5000);
conn.setReadTimeout(30000);
conn.setDoOutput(true);
conn.setDoInput(true);
conn.setUseCaches(false);
conn.setRequestMethod("POST");
conn.setRequestProperty("Connection", "Keep-Alive");
conn.setRequestProperty("User-Agent", "Mozilla/5.0 (Windows; U; Windows NT 6.1; zh-CN; rv:1.9.2.6)");
conn.setRequestProperty("Content-Type", "multipart/form-data; boundary=" + BOUNDARY);
OutputStream out = new DataOutputStream(conn.getOutputStream());
// textMap:如果傳送的是文本內(nèi)容
if (textMap != null) {
StringBuffer strBuf = new StringBuffer();
Iterator<Map.Entry<String, String>> iter = textMap.entrySet().iterator();
while (iter.hasNext()) {
Map.Entry<String, String> entry = iter.next();
String inputName = (String) entry.getKey();
String inputValue = (String) entry.getValue();
if (inputValue == null) {
continue;
}
strBuf.append("\r\n").append("--").append(BOUNDARY).append("\r\n");
strBuf.append("Content-Disposition: form-data; name=\"" + inputName + "\"\r\n\r\n");
strBuf.append(inputValue);
}
out.write(strBuf.toString().getBytes());
}
//fileMap:如果傳送的是文件流
if (fileMap != null) {
Iterator<Map.Entry<String, InputStream>> iter = fileMap.entrySet().iterator();
while (iter.hasNext()) {
Map.Entry<String, InputStream> entry = iter.next();
String inputName = (String) entry.getKey();
FileInputStream inputValue = (FileInputStream) entry.getValue();
if (inputValue == null) {
continue;
}
String contentType = "image/png";
StringBuffer strBuf = new StringBuffer();
strBuf.append("\r\n").append("--").append(BOUNDARY).append("\r\n");
strBuf.append("Content-Disposition: form-data; name=\"" + inputName + "\"; filename=\"" + inputName + "\"\r\n");
strBuf.append("Content-Type:" + contentType + "\r\n\r\n");
out.write(strBuf.toString().getBytes());
DataInputStream in = new DataInputStream(inputValue);
int bytes = 0;
byte[] bufferOut = new byte[1024];
while ((bytes = in.read(bufferOut)) != -1) {
out.write(bufferOut, 0, bytes);
}
in.close();
}
}
byte[] endData = ("\r\n--" + BOUNDARY + "--\r\n").getBytes();
out.write(endData);
out.flush();
out.close();
// 讀取返回?cái)?shù)據(jù)
StringBuffer strBuf = new StringBuffer();
BufferedReader reader = new BufferedReader(new InputStreamReader(conn.getInputStream()));
String line = null;
while ((line = reader.readLine()) != null) {
strBuf.append(line).append("\n");
}
res = strBuf.toString();
reader.close();
reader = null;
} catch (Exception e) {
System.out.println("發(fā)送POST請(qǐng)求出錯(cuò)。" + urlStr);
e.printStackTrace();
} finally {
//最后關(guān)閉鏈接
if (conn != null) {
conn.disconnect();
conn = null;
}
}
return res;
}
}
圖片服務(wù)器源碼
package com.lyc.noJs.controller;
import com.google.common.base.Splitter;
import com.lyc.noJs.util.ImgMD5Util;
import lombok.extern.slf4j.Slf4j;
import org.joda.time.DateTime;
import org.springframework.stereotype.Controller;
import org.springframework.util.MultiValueMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import java.io.*;
import java.security.NoSuchAlgorithmException;
import java.util.Iterator;
import java.util.List;
import java.util.Map;
import java.util.Set;
@Controller
@RequestMapping("/admin")
@Slf4j
public class UploadController {
@ResponseBody
@RequestMapping(value = "/upload",method= RequestMethod.POST)
public String upload(MultipartHttpServletRequest multiRequest) throws UnsupportedEncodingException {
//圖片文件夾根路徑
//TODO
//這里的父路徑暫時(shí)是target路徑,在真實(shí)上線后,應(yīng)該將其改成其它路徑。
String uploadFilePath = multiRequest.getServletContext().getRealPath("/upload/");
//圖片文件夾日期路徑
String datePath = getDateFolderName() + "\\";
//圖片名稱
String imagePath = saveImage(multiRequest,uploadFilePath,datePath);
log.info(imagePath);
return imagePath;
}
/**
* 保存圖片
* @param multiRequest
* @param uploadFilePath
* @param datePath
* @return
* @throws UnsupportedEncodingException
*/
public String saveImage(MultipartHttpServletRequest multiRequest,String uploadFilePath,String datePath) throws UnsupportedEncodingException {
String imageNameHead = createImageNameHead();
String imageName = "";
//設(shè)置圖片的瀏覽為utf-8格式,防止圖片名稱亂碼
multiRequest.setCharacterEncoding("utf-8");
MultiValueMap<String, MultipartFile> multiFileMap = multiRequest.getMultiFileMap();
Set<Map.Entry<String, List<MultipartFile>>> set = multiFileMap.entrySet();
Iterator<Map.Entry<String, List<MultipartFile>>> iterator = set.iterator();
while(iterator.hasNext()){
Map.Entry<String, List<MultipartFile>> entry = iterator.next();
String imageNameEnd = getImageNameEnd(entry);
imageName = imageNameHead + "." + imageNameEnd;
List<MultipartFile> multipartFileList = entry.getValue();
MultipartFile multipartFile = multipartFileList.get(0);
//圖片文件的包路徑
String imagePath = uploadFilePath + datePath;
//如果文件夾創(chuàng)建失敗,則返回null
if(makeParentFolder(imagePath)){ //如果文件夾創(chuàng)建失敗,則返回false,否則返回true
//圖片文件的路徑
String imgFile = imagePath + imageName;
//如果文件創(chuàng)建失敗,則返回null
if(!makeImage(multipartFile,imgFile)){ //當(dāng)文件創(chuàng)建失敗時(shí),返回false,否則返回true
return null;
}
} else {
return null;
}
}
return datePath + imageName;
}
/**
* 創(chuàng)建圖片
* @param multipartFile
* @param imgFile
* @return
*/
public boolean makeImage(MultipartFile multipartFile,String imgFile){
File tempFile = new File(imgFile);
if(tempFile != null){
//如果原圖片不存在,則生成圖片
if(!tempFile.exists()){
try {
log.info("1");
multipartFile.transferTo(tempFile);
} catch (IOException e) {
e.printStackTrace();
}
}
return true;
}
return false;
}
/**
* 創(chuàng)建父文件路徑
* @param imagePath
* @return
*/
public boolean makeParentFolder(String imagePath){
File parentFile = new File(imagePath);
if(parentFile != null){
while (!parentFile.exists()){
//批量生成全部的父文件路徑
parentFile.mkdirs();
}
return true;
}
return false;
}
/**
* 文件夾生成規(guī)則
*/
public String getDateFolderName(){
DateTime dataTime = new DateTime();
String currentDate = dataTime.toString("yyyy\\MM\\dd");
return currentDate;
}
/**
* 創(chuàng)建圖片文件的文件名
* @return
*/
public String createImageNameHead(){
DateTime dataTime = new DateTime();
return String.valueOf(dataTime.getMillis());
}
}
測(cè)試
本地服務(wù)器
比如說(shuō)本地一次上傳多張圖片,如下圖所示:

當(dāng)我們點(diǎn)擊上傳后,頁(yè)面顯示結(jié)果:

本地圖片服務(wù)器后臺(tái)打印結(jié)果:
2018\04\09\1523257444813.jpg
2018\04\09\1523257444944.jpg
2018\04\09\1523257445078.jpg
2018\04\09\1523257445202.jpg
2018\04\09\1523257445360.jpg
2018\04\09\1523257445484.jpg
2018\04\09\1523257445593.jpg
2018\04\09\1523257445742.jpg
圖片的訪問(wèn)路徑 = 服務(wù)器地址 + 回傳的圖片相對(duì)地址
即下面的地址:
http://localhost:9080/no-js/upload/2018/04/09/1523257444813.jpg
其顯示的結(jié)果為:

總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。
- java解決請(qǐng)求跨域的兩種方法
- JAVA通過(guò)Filter實(shí)現(xiàn)允許服務(wù)跨域請(qǐng)求的方法
- Java Spring boot 2.0 跨域問(wèn)題的解決
- vue+Java后端進(jìn)行調(diào)試時(shí)解決跨域問(wèn)題的方式
- Java實(shí)現(xiàn)CORS跨域請(qǐng)求的實(shí)現(xiàn)方法
- Javaweb使用cors完成跨域ajax數(shù)據(jù)交互
- Java使用Ajax實(shí)現(xiàn)跨域上傳圖片功能
- 詳解java 中Spring jsonp 跨域請(qǐng)求的實(shí)例
- java使用webuploader實(shí)現(xiàn)跨域上傳詳解
- Java服務(wù)器端跨域問(wèn)題解決方案
相關(guān)文章
android中判斷服務(wù)或者進(jìn)程是否存在實(shí)例
本篇文章主要介紹了android中判斷服務(wù)或者進(jìn)程是否存在實(shí)例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
java jackson 將對(duì)象轉(zhuǎn)json時(shí),忽略子對(duì)象的某個(gè)屬性操作
這篇文章主要介紹了java jackson 將對(duì)象轉(zhuǎn)json時(shí),忽略子對(duì)象的某個(gè)屬性操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
關(guān)于IDEA使用jsp可以訪問(wèn)頁(yè)面轉(zhuǎn)換為html彈出頁(yè)面為404的問(wèn)題
這篇文章主要介紹了關(guān)于IDEA使用jsp可以訪問(wèn)頁(yè)面轉(zhuǎn)換為html彈出頁(yè)面為404的問(wèn)題及解決方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-12-12
解決接口調(diào)用報(bào)錯(cuò)newSocketStream(..)failed:Too?many?open?files問(wèn)題
這篇文章主要介紹了解決接口調(diào)用報(bào)錯(cuò)newSocketStream(..)failed:Too?many?open?files問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
java實(shí)現(xiàn)圖片無(wú)損任意角度旋轉(zhuǎn)
這篇文章主要為大家詳細(xì)介紹了java實(shí)現(xiàn)圖片無(wú)損任意角度旋轉(zhuǎn),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-02-02
SpringBoot實(shí)現(xiàn)優(yōu)雅停機(jī)的流程步驟
優(yōu)雅停機(jī)(Graceful Shutdown) 是指在服務(wù)器需要關(guān)閉或重啟時(shí),能夠先處理完當(dāng)前正在進(jìn)行的請(qǐng)求,然后再停止服務(wù)的操作,本文給大家介紹了SpringBoot實(shí)現(xiàn)優(yōu)雅停機(jī)的流程步驟,需要的朋友可以參考下2024-03-03
Springboot的spring-boot-maven-plugin導(dǎo)入失敗的解決方案
這篇文章主要介紹了Springboot的spring-boot-maven-plugin導(dǎo)入失敗的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2021-07-07

