内网环境SpringMvc前后端分离跨域高压缩上传图片整理

    关于内网服务的图片上传代码，开发细节及一些要注意的地方。

一：tomcat服务器

1.1】

修改tomcat下的web.xml

1.2】

创建upload目录用来存放图片

1.3】

tomcat放在192.168.1.108:8585，

启动tomcat，验证容器正常可用

二：java代码

2.1】

pom.xml添加依赖 

        <dependency>             <groupId>commons-fileupload</groupId>             <artifactId>commons-fileupload</artifactId>             <version>1.3.1</version>         </dependency>         <!-- commons-io -->         <dependency>             <groupId>commons-io</groupId>             <artifactId>commons-io</artifactId>             <version>2.4</version>         </dependency>         <dependency>             <groupId>com.sun.jersey</groupId>             <artifactId>jersey-client</artifactId>             <version>1.18.1</version>         </dependency>         <dependency>             <groupId>org.glassfish.jersey.core</groupId>             <artifactId>jersey-common</artifactId>             <version>2.0-m03</version>         </dependency>         <dependency>             <groupId>com.sun.jersey</groupId>             <artifactId>jersey-core</artifactId>             <version>1.18.1</version>

        </dependency>

2.2】

springmvc.xml配置文件中添加

        <!-- SpringMVC上传文件时，需要配置MultipartResolver处理器 -->     <bean id="multipartResolver"  class="org.springframework.web.multipart.commons.CommonsMultipartResolver">         <!-- 指定所上传文件的总大小不能超过10M。注意maxUploadSize属性的限制不是针对单个文件，而是所有文件的容量之和 -->         <property name="defaultEncoding" value="utf-8"/>         <property name="maxUploadSize" value="1048576"/>

    </bean>

2.3】

sysconfig.properties属性文件添加

#文件服务器地址 uploadHost=http://192.168.1.108:8585/ #上传的文件保存的目录 imgPath = upload/

2.4】

Controller层代码，消息实体自己封装

import java.util.Map; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.beans.factory.annotation.Value; 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.bind.annotation.RestController; import org.springframework.web.multipart.MultipartFile; import org.springframework.web.multipart.MultipartHttpServletRequest; import com.sun.jersey.api.client.Client; import cn.com.onethird.common.dto.WebMessage; import cn.com.onethird.protection.common.constant.ReturnCode; import cn.com.onethird.util.ImageUtils; /**  * 上传接口  *  * @author  * @UploadController  * @date  */ @RestController public class UploadController {     @Value(value="${imgPath}")    //图片保存地址     private String imgPath;          @Value(value="${uploadHost}")     private String uploadHost;    //项目host        /**      * 上传头像      * @param request      * @param response      */     @RequestMapping(value="/upload/uploadHeadImg", method=RequestMethod.POST)     public @ResponseBody WebMessage<String> uploadSysHeadImg(HttpServletRequest request, HttpServletResponse response){         WebMessage<String> message = new WebMessage<String>();         message.setReturnCode(ReturnCode.ok.toString());         String realPath = "";         try {             MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest)(request); //            MultipartResolver resolver = new CommonsMultipartResolver(request.getSession().getServletContext()); //            MultipartHttpServletRequest Murequest = resolver.resolveMultipart(request);                    Map<String, MultipartFile> files = multiRequest.getFileMap();             Client client = new Client();                          for(MultipartFile pic: files.values()){                 String uploadInfo = ImageUtils.upload(client, pic, request, response, uploadHost, imgPath, 200, 200);                 if(!"".equals(uploadInfo)){                     realPath = uploadInfo;//完整路径                 }             }         }catch (Exception e) {             e.printStackTrace();             message.setReturnCode(ReturnCode.fail.toString());         }         message.setMesssageBody(realPath);         return message;     } 

}

2.5】

upload工具类方法

    /**      * 上传文件--支持跨域      *      * @param request      * @param response      * @param serverPath      *            服务器地址:(http://192.168.1.121:8585/)      * @param path      *            文件路径（upload/）      * @return      */     public static String upload(Client client, MultipartFile file, HttpServletRequest request, HttpServletResponse response, String serverPath, String path) {         // 新文件名         String fileName = generateFileName(file.getOriginalFilename());         // 获取文件的扩展名         String extension = FilenameUtils.getExtension(file.getOriginalFilename());         // 相对路径         String relaPath = path + fileName;         //跨域 另一台tomcat的URL（真实路径）         String realPath = serverPath + relaPath;         // 按比例压缩图片         BufferedImage srcBufferImage = ImageIO.read(file.getInputStream());         ScaleImage scaleImage = ScaleImage.getInstance();         ByteArrayOutputStream out = new ByteArrayOutputStream();         // 如果上传图片 宽高 比 压缩的要小 则不压缩         if (w < srcBufferImage.getWidth() && h < srcBufferImage.getHeight()) {             BufferedImage scaledImage = scaleImage.imageZoomOut(srcBufferImage, w, h);             try {                 //填充out                 ImageIO.write(scaledImage, extension, out);             } catch (IOException e) {                 e.printStackTrace();             }         }         // 设置请求路径         WebResource resource = client.resource(realPath);         resource.put(String.class, out.toByteArray());         return realPath;

    }

/**      * 获得一个时间格式的新名称      *      * @param fileName      *            原图名称      * @return      */     private static String generateFileName(String fileName) {         DateFormat format = new SimpleDateFormat("yyyyMMddHHmmss");         String formatDate = format.format(new Date());         int random = new Random().nextInt(10000);         int position = fileName.lastIndexOf(".");         String extension = fileName.substring(position);         return formatDate + random + extension;

  }

2.6】

ScaleImage 类

3. import java.awt.image.BufferedImage;
5. public class ScaleImage {
6. private int width;
8. private int height;
10. private int scaleWidth;
12. private double support = (double) 3.0;
14. private double PI = (double) 3.14159265358978;
16. private double[] contrib;
18. private double[] normContrib;
20. private double[] tmpContrib;
22. private int nDots;
24. private int nHalfDots;
26. /**
27. * Start: Use Lanczos filter to replace the original algorithm for image
28. * scaling. Lanczos improves quality of the scaled image modify by :blade
29. */
30. private static ScaleImage instance = new ScaleImage();
31. private ScaleImage(){};
32. public static ScaleImage getInstance(){
33. return instance;
34. }
35. public BufferedImage imageZoomOut(BufferedImage srcBufferImage, int w, int h) {
36. width = srcBufferImage.getWidth();
37. height = srcBufferImage.getHeight();
38. scaleWidth = w;
40. if (DetermineResultSize(w, h) == 1) {
41. return srcBufferImage;
42. }
43. CalContrib();
44. BufferedImage pbOut = HorizontalFiltering(srcBufferImage, w);
45. BufferedImage pbFinalOut = VerticalFiltering(pbOut, h);
46. return pbFinalOut;
47. }
49. /**
50. * 决定图像尺寸
51. */
52. private int DetermineResultSize(int w, int h) {
53. double scaleH, scaleV;
54. scaleH = (double) w / (double) width;
55. scaleV = (double) h / (double) height;
57. if (scaleH >= 1.0 && scaleV >= 1.0) {
58. return 1;
59. }
60. return 0;
62. } // end of DetermineResultSize()
64. private double Lanczos(int i, int inWidth, int outWidth, double Support) {
65. double x;
67. x = (double) i * (double) outWidth / (double) inWidth;
69. return Math.sin(x * PI) / (x * PI) * Math.sin(x * PI / Support)
70. / (x * PI / Support);
72. } // end of Lanczos()
74. //
75. // Assumption: same horizontal and vertical scaling factor
76. //
77. private void CalContrib() {
78. nHalfDots = (int) ((double) width * support / (double) scaleWidth);
79. nDots = nHalfDots * 2 + 1;
80. try {
81. contrib = new double[nDots];
82. normContrib = new double[nDots];
83. tmpContrib = new double[nDots];
84. } catch (Exception e) {
85. System.out.println("init contrib,normContrib,tmpContrib" + e);
86. }
88. int center = nHalfDots;
89. contrib[center] = 1.0;
91. double weight = 0.0;
92. int i = 0;
93. for (i = 1; i <= center; i++) {
94. contrib[center + i] = Lanczos(i, width, scaleWidth, support);
95. weight += contrib[center + i];
96. }
98. for (i = center - 1; i >= 0; i--) {
99. contrib[i] = contrib[center * 2 - i];
100. }
102. weight = weight * 2 + 1.0;
104. for (i = 0; i <= center; i++) {
105. normContrib[i] = contrib[i] / weight;
106. }
108. for (i = center + 1; i < nDots; i++) {
109. normContrib[i] = normContrib[center * 2 - i];
110. }
111. } // end of CalContrib()
113. // 处理边缘
114. private void CalTempContrib(int start, int stop) {
115. double weight = 0;
117. int i = 0;
118. for (i = start; i <= stop; i++) {
119. weight += contrib[i];
120. }
122. for (i = start; i <= stop; i++) {
123. tmpContrib[i] = contrib[i] / weight;
124. }
126. } // end of CalTempContrib()
128. private int GetRedValue(int rgbValue) {
129. int temp = rgbValue & 0x00ff0000;
130. return temp >> 16;
131. }
133. private int GetGreenValue(int rgbValue) {
134. int temp = rgbValue & 0x0000ff00;
135. return temp >> 8;
136. }
138. private int GetBlueValue(int rgbValue) {
139. return rgbValue & 0x000000ff;
140. }
142. private int ComRGB(int redValue, int greenValue, int blueValue) {
144. return (redValue << 16) + (greenValue << 8) + blueValue;
145. }
148. private int HorizontalFilter(BufferedImage bufImg, int startX, int stopX,
149. int start, int stop, int y, double[] pContrib) {
150. double valueRed = 0.0;
151. double valueGreen = 0.0;
152. double valueBlue = 0.0;
153. int valueRGB = 0;
154. int i, j;
156. for (i = startX, j = start; i <= stopX; i++, j++) {
157. valueRGB = bufImg.getRGB(i, y);
159. valueRed += GetRedValue(valueRGB) * pContrib[j];
160. valueGreen += GetGreenValue(valueRGB) * pContrib[j];
161. valueBlue += GetBlueValue(valueRGB) * pContrib[j];
162. }
164. valueRGB = ComRGB(Clip((int) valueRed), Clip((int) valueGreen),
165. Clip((int) valueBlue));
166. return valueRGB;
168. } // end of HorizontalFilter()
170. // 图片水平滤波
171. private BufferedImage HorizontalFiltering(BufferedImage bufImage, int iOutW) {
172. int dwInW = bufImage.getWidth();
173. int dwInH = bufImage.getHeight();
174. int value = 0;
175. BufferedImage pbOut = new BufferedImage(iOutW, dwInH,
176. BufferedImage.TYPE_INT_RGB);
178. for (int x = 0; x < iOutW; x++) {
180. int startX;
181. int start;
182. int X = (int) (((double) x) * ((double) dwInW) / ((double) iOutW) + 0.5);
183. int y = 0;
185. startX = X - nHalfDots;
186. if (startX < 0) {
187. startX = 0;
188. start = nHalfDots - X;
189. } else {
190. start = 0;
191. }
193. int stop;
194. int stopX = X + nHalfDots;
195. if (stopX > (dwInW - 1)) {
196. stopX = dwInW - 1;
197. stop = nHalfDots + (dwInW - 1 - X);
198. } else {
199. stop = nHalfDots * 2;
200. }
202. if (start > 0 || stop < nDots - 1) {
203. CalTempContrib(start, stop);
204. for (y = 0; y < dwInH; y++) {
205. value = HorizontalFilter(bufImage, startX, stopX, start,
206. stop, y, tmpContrib);
207. pbOut.setRGB(x, y, value);
208. }
209. } else {
210. for (y = 0; y < dwInH; y++) {
211. value = HorizontalFilter(bufImage, startX, stopX, start,
212. stop, y, normContrib);
213. pbOut.setRGB(x, y, value);
214. }
215. }
216. }
218. return pbOut;
220. } // end of HorizontalFiltering()
222. private int VerticalFilter(BufferedImage pbInImage, int startY, int stopY,
223. int start, int stop, int x, double[] pContrib) {
224. double valueRed = 0.0;
225. double valueGreen = 0.0;
226. double valueBlue = 0.0;
227. int valueRGB = 0;
228. int i, j;
230. for (i = startY, j = start; i <= stopY; i++, j++) {
231. valueRGB = pbInImage.getRGB(x, i);
233. valueRed += GetRedValue(valueRGB) * pContrib[j];
234. valueGreen += GetGreenValue(valueRGB) * pContrib[j];
235. valueBlue += GetBlueValue(valueRGB) * pContrib[j];
236. // System.out.println(valueRed+"->"+Clip((int)valueRed)+"<-");
237. //
238. // System.out.println(valueGreen+"->"+Clip((int)valueGreen)+"<-");
239. // System.out.println(valueBlue+"->"+Clip((int)valueBlue)+"<-"+"-->");
240. }
242. valueRGB = ComRGB(Clip((int) valueRed), Clip((int) valueGreen),
243. Clip((int) valueBlue));
244. // System.out.println(valueRGB);
245. return valueRGB;
247. } // end of VerticalFilter()
249. private BufferedImage VerticalFiltering(BufferedImage pbImage, int iOutH) {
250. int iW = pbImage.getWidth();
251. int iH = pbImage.getHeight();
252. int value = 0;
253. BufferedImage pbOut = new BufferedImage(iW, iOutH,
254. BufferedImage.TYPE_INT_RGB);
256. for (int y = 0; y < iOutH; y++) {
258. int startY;
259. int start;
260. int Y = (int) (((double) y) * ((double) iH) / ((double) iOutH) + 0.5);
262. startY = Y - nHalfDots;
263. if (startY < 0) {
264. startY = 0;
265. start = nHalfDots - Y;
266. } else {
267. start = 0;
268. }
270. int stop;
271. int stopY = Y + nHalfDots;
272. if (stopY > (int) (iH - 1)) {
273. stopY = iH - 1;
274. stop = nHalfDots + (iH - 1 - Y);
275. } else {
276. stop = nHalfDots * 2;
277. }
279. if (start > 0 || stop < nDots - 1) {
280. CalTempContrib(start, stop);
281. for (int x = 0; x < iW; x++) {
282. value = VerticalFilter(pbImage, startY, stopY, start, stop,
283. x, tmpContrib);
284. pbOut.setRGB(x, y, value);
285. }
286. } else {
287. for (int x = 0; x < iW; x++) {
288. value = VerticalFilter(pbImage, startY, stopY, start, stop,
289. x, normContrib);
290. pbOut.setRGB(x, y, value);
291. }
292. }
294. }
296. return pbOut;
298. } // end of VerticalFiltering()
300. private int Clip(int x) {
301. if (x < 0)
302. return 0;
303. if (x > 255)
304. return 255;
305. return x;
306. }
308. /**
309. * End: Use Lanczos filter to replace the original algorithm for image
310. * scaling. Lanczos improves quality of the scaled image modify by :blade
311. */
313. }

2.7】

前端代码省略

常规提供一个type="file"的提交模块，后台会自动处理请求中的图片

====================================================

三：遇到的问题：

returned a response status of 403 Forbidden

需要在这个存储图片的项目所在的tomcat中配置可写操作，具体的是在Tomcat目录下的conf文件夹下的web.xml中加入

    <init-param>
        <param-name>readonly</param-name>
        <param-value>false</param-value>
    </init-param>

returned a response status of 409 Conflict

确保服务器webapps中image-web项目中存在upload路径

====================================================

由于是测试用例，主机是直接关闭了防火墙，如果需要开启防火墙还需要配置相应的出入规则

参考--

如何在局域网访问Tomcat项目

图片压缩的ScaleImage类借用http://blog.youkuaiyun.com/mmm333zzz/article/details/8569637