图像切割上传SpringMVC

最新推荐文章于 2020-12-21 11:33:39 发布
最新推荐文章于 2020-12-21 11:33:39 发布
阅读量645 收藏
点赞数
分类专栏： 问题或解决方案收集 文章标签： SpringMVC文件上传 切割图片 剪切图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012547633/article/details/39586781
版权

http://blog.csdn.net/u012547633/article/details/39553833

//这次是根据上次的，完成图片切割

---------------------------------------------------------jsp------------------------------------------------------------------

//需要的js

 

<link rel="stylesheet" href="<%=basePath%>view/common/img/main.css" type="text/css" />
	<link rel="stylesheet" href="<%=basePath%>view/common/img/demos.css" type="text/css" />
	<link rel="stylesheet" href="<%=basePath%>view/common/img/jquery.Jcrop.css" type="text/css" />
  </head>
  
 <body style="padding:0px">
	<script type="text/javascript" src="<%=basePath%>view/jsp/admin/system/attachment_manager.js"></script>
  	<script type="text/javascript" src="<%=basePath%>view/common/img/jquery.Jcrop.js"></script>


//页面，点击处理图片弹窗

 

 

<div id="tool" style="padding:5px;height:auto;overflow: hidden;">
        <input type="file" id="fileId" name="uploadFileName" />
		<input type="button" id="buttonId" value="图片处理" /><br />
		处理后图片id:<input type="text" size="20" id="cutId" name="cutId" value="" />
	</div>
	
	<div id="window" class="easyui-window" title="图片处理上传" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:873px;height:600px;padding:10px;">
        <div class="container">
		<div class="row">
		<div class="span12">
		<div class="jc-demo-box">
  		<img  id="target" src="#"  onclick="initimage($);" alt="[Jcrop Example]" />
	  	<form id="applyForm" class="coords">
		    <div class="inline-labels">
		    	<label>源:<input type="text"  id="srcImageFile" name="srcImageFile" value="" /></label><br />
			    <label>X <input type="text" size="4" id="x" name="x" /></label>
			    <label>Y <input type="text" size="4" id="y" name="y" /></label>
			    <label>X2 <input type="text" size="4" id="x2" name="x2" /></label>
			    <label>Y2 <input type="text" size="4" id="y2" name="y2" /></label>
			    <label>destWidth <input type="text" size="4" id="destWidth" name="destWidth" /></label>
			    <label>destHeight <input type="text" size="4" id="destHeight" name="destHeight" /></label>
		    </div>
	   </form>
		<div class="clearfix"></div>
</div>
</div>
</div>
	</div>
     <div style="text-align:center;padding:5px">
         <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
         <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">关闭</a>
     </div>
	 </div>


-----------------------------------------------------------------js--------------------------------------------------------------------------------

 

 

 

//清空表单，并关闭弹窗
function clearForm(){
	$('#applyForm').form('clear');
	$('#window').window('close');
}
//打开并居中窗口
function openWindow(){
	clearForm();
	$('#window').window('open');
	$('#window').window('center');
}
/**
 * 验证上传文件框里是否为null
 */
$(function () {
    $("#buttonId").click(function () {
        if ($("#fileId").val().length > 0) {
            ajaxFileUpload();
        }
        else {
            $.messager.alert("请选择文件！");
        }
    });
});

/**
 * ajax异步提交文件
 *   将保存的文件信息Id返回
 * @returns {Boolean}
 */
function ajaxFileUpload() {
    $.ajaxFileUpload({
            url: uploadUrl, //用于文件上传的服务器端请求地址
            secureuri: false, //一般设置为false
            fileElementId: 'fileId', //文件上传空间的id属性  <input type="file" id="file" name="file" />
            dataType: 'json', //返回值类型 一般设置为json
            type:"post",
            success: function (data,status){
            	if(data.result=="typeError") {
            		$.messager.alert("提示信息","上传类型错误！","waring");
            	} else {
			//get图片添加服务器路径
            		$("#target").attr("src",basepath+data.result.aPath);
            		$('#applyForm').form('load',{
				//添加服务器 地址
            			srcImageFile:data.result.aPath,
    		        });
            	}
	        	
            },
        });
    openWindow();
    return false;
}

//提交保存表单
function submitForm(){
	if(!$("#applyForm").form('validate'))return;
 	$.ajax({
	    url: imageCut,
	    data:$("#applyForm").serialize(),
	    success: function (data,status){
	    	if(data.result=="typeError") {
        		$.messager.alert("提示信息","上传类型错误！","waring");
        	} else {
			//将ID返回给文本框
        		$("#cutId").attr("value",data.result.id);
        		alert(data.result.id);
        	}
	    }
 	});
 	clearForm();
 	$('#window').window('close');
}

///页面切割图片/
/**
 * 初始化切片
 * @param $
 */
function initimage($){
    var jcrop_api;

    $('#target').Jcrop({
      onChange:   showCoords,
      onSelect:   showCoords,
      onRelease:  clearCoords,
      minSize:[400,300],
  	  maxSize:[400,300]
    },function(){
      jcrop_api = this;
    });

    $('#coords').on('change','input',function(e){
      var x1 = $('#x').val(),
          x2 = $('#x').val(),
          y1 = $('#y1').val(),
          y2 = $('#y2').val();
      jcrop_api.setSelect([x1,y1,x2,y2]);
 });
}

function showCoords(c)
  {
    $('#x').val(c.x);
    $('#y').val(c.y);
    $('#x2').val(c.x2);
    $('#y2').val(c.y2);
    $('#destWidth').val(c.w);
    $('#destHeight').val(c.h);
  };

  function clearCoords()
  {
    $('#coords input').val('');
  };


--------------------------------------------------------------------后台处理----------------------------------------------------------------------------------------------

 

后台的全部传上来吧

 

/**
 * 
 */
package com.cqzb.mall.web.controller;
import java.io.*;  
import java.awt.*;  
import java.awt.geom.AffineTransform;
import java.awt.image.*;  
import java.awt.Graphics;  
import java.awt.color.ColorSpace;  
import javax.imageio.ImageIO;

import java.io.File;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.util.FileCopyUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import org.springframework.web.multipart.commons.CommonsMultipartFile;

import com.cqzb.admin.annotation.MenuO;
import com.cqzb.admin.entity.Attachment;
import com.cqzb.admin.entity.Login;
import com.cqzb.admin.service.AttachmentService;
import com.cqzb.admin.vo.AttachmentVo;
import com.cqzb.frame.dto.resources.Constant;
import com.cqzb.frame.helper.FileHelper;
import com.cqzb.frame.helper.StringTool;
import com.cqzb.frame.hibernate.criteria.Pager;
import com.cqzb.frame.web.controller.CommonController;

/**
 * 文件上传控件
 * @author 贺亮
 *
 */
@Controller
public class AttachmentController extends CommonController  {
	
	@Autowired
	private AttachmentService attachmentService;
	
	/**
	 * 跳转到后台上传文件管理
	 * @return
	 */
	@RequestMapping("admin/attachment/uploadManager")
	@MenuO(name="上传文件管理",code="attachment-manager",parent="system-manager",type = Constant.LINK)
	public String uploadManager() {
		return "admin/system/attachment_manager";
	}
	
	/**
	 * 获得所有上传的文件信息
	 * @return
	 */
	@RequestMapping("admin/attachment/findAllAttachment")
	@ResponseBody
	@MenuO(name="所有文件信息",code="attachment-findAll",parent="attachment-manager",type = 

Constant.AFFILIATED)
	public List<Attachment> findAll() {
		return attachmentService.findAll();
	}
	
	/** <系统上传文件管理>页面---列表请求 */
	@RequestMapping("admin/attachment/manager/page")
	@ResponseBody
	@MenuO(name="系统上传文件页",code="attachment-manager-page",parent="attachment-manager",type = 

Constant.AFFILIATED)
	public Map<String,Object> page(AttachmentVo vo){
		Pager<Attachment> pager = attachmentService.getAttachmentPage(vo);
		/*开始对象转换*/
		List<AttachmentVo> list = new ArrayList<AttachmentVo>();
		for(Attachment attachment:pager.getRows()){
			list.add(new AttachmentVo(attachment));
		}
		/*开始配置页面传值*/
		Map<String,Object> map = new HashMap<String,Object>();
		map.put("rows", list);
		map.put("total", pager.getTotal());
		return map;
	}
	
	@RequestMapping("portal/attachment/uploadFile")
	@ResponseBody
	@MenuO(name="上传文件",code="attachment-uploadFile",parent="attachment-manager",type = 

Constant.AFFILIATED)
	public Map<String, Object> uploadFile(HttpServletRequest request,HttpServletResponse response) 

throws Exception {
		Map<String, Object> map = new HashMap<String,Object>();
		AttachmentVo vo = new AttachmentVo();
		//取得上传的文件
        MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
        CommonsMultipartFile file = (CommonsMultipartFile) multipartRequest.getFile("uploadFileName");
//        response.setContentType("text/html");
//        response.setCharacterEncoding("UTF-8");
        //得到文件名称
        String realFileName = file.getOriginalFilename();
        String suffix = realFileName.substring(realFileName.indexOf("."), realFileName.length());
        //判断文件类型是否可用和文件类型
        Map<String, Object> attMap = StringTool.attachmentType(suffix);
        if(!(Boolean) attMap.get("flag")) {
        	map.put("result", "typeError");
        	Fail(map);
        	return map;
        }
        String fileRealPath = request.getSession().getServletContext().getRealPath("/")+"upload\\"; 
        String webPath = "upload/";
    	String randomName = FileHelper.getRandomFileName(suffix);
    	//判断文件夹是否存在
    	File targerFile = new File(fileRealPath);					
		//判断是否存在目录
		if(!targerFile.exists()) {
			targerFile.mkdirs();
		} 
        //保存文件
        File uploadFile = new File(fileRealPath+randomName); 
        FileCopyUtils.copy(file.getBytes(), uploadFile);
        //配置文件实体信息
        vo.setaTypeId(Long.valueOf(attMap.get("type").toString()));//文件类型
        vo.setaPath(webPath+randomName);//路径
        vo.setaName(randomName);//文件名
        Login login = (Login)request.getSession().getAttribute(Constant.LOGIN_SESSION);
        vo.setUploadUser(login.getId());
        Attachment result = attachmentService.addOrUpdate(vo);
        //返回上传信息
		map.put("result", new AttachmentVo(result));
		Success(map);
		return map;
	}
	
	/**  
     * 图像切割（改）     *  
     * @param srcImageFile            源图像地址 
     * @param dirImageFile            新图像地址 
     * @param x                       目标切片起点x坐标 
     * @param y                      目标切片起点y坐标 
     * @param destWidth              目标切片宽度 
     * @param destHeight             目标切片高度 
     */  
	@RequestMapping("portal/attachment/imageCut")
	@ResponseBody
	@MenuO(name="上传文件处理",code="attachment-imageCut",parent="attachment-manager",type = 

Constant.AFFILIATED)
    public Map<String, Object> abscut(String srcImageFile, int x, int y, int destWidth,int 

destHeight,HttpServletRequest request) {  
		Map<String, Object> map = new HashMap<String,Object>();
		AttachmentVo vo = new AttachmentVo();
        Image img;  
        ImageFilter cropFilter;
        //获得源文件文件名
        String extracted = srcImageFile.substring(srcImageFile.lastIndexOf("/") + 1); 
        //剪切后存储路径
        String dirImageFile=request.getSession().getServletContext().getRealPath("/")+"upload/cut/";
        //判断文件夹是否存在
    	File targerFile = new File(dirImageFile);					
		//判断是否存在目录
		if(!targerFile.exists()) {
			targerFile.mkdirs();
		} 
		dirImageFile+=extracted;
		try {
			// 读取源图像   
	        srcImageFile=request.getSession().getServletContext().getRealPath("/")+srcImageFile;
	        BufferedImage bi = ImageIO.read(new File(srcImageFile)); 
	        int srcWidth = bi.getWidth(); // 源图宽度   
	        int srcHeight = bi.getHeight(); // 源图高度             
	        if (srcWidth >= destWidth && srcHeight >= destHeight) {  
	            Image image = bi.getScaledInstance(srcWidth, srcHeight,Image.SCALE_DEFAULT);  
	            // 改进的想法:是否可用多线程加快切割速度   
	            // 四个参数分别为图像起点坐标和宽高   
	            // 即: CropImageFilter(int x,int y,int width,int height)   
	            cropFilter = new CropImageFilter(x, y, destWidth, destHeight);  
	            img = Toolkit.getDefaultToolkit().createImage(new FilteredImageSource(image.getSource(), 

cropFilter));  
	            BufferedImage tag = new BufferedImage(destWidth, destHeight,BufferedImage.TYPE_INT_RGB); 

 
	            Graphics g = tag.getGraphics();  
	            g.drawImage(img, 0, 0, null); // 绘制缩小后的图   
	            g.dispose();  
	            // 输出为文件   
	           ImageIO.write(tag, "JPEG", new File(dirImageFile));
	           //配置文件实体信息
	           vo.setaTypeId(Long.valueOf(1));//文件类型
	           vo.setaPath("upload/cut/"+extracted);//路径
	           vo.setaName(extracted);//文件名
	           Login login = (Login)request.getSession().getAttribute(Constant.LOGIN_SESSION);
	           vo.setUploadUser(login.getId());
	           Attachment result = attachmentService.addOrUpdate(vo);
	           //返回上传信息
	       	   map.put("result", new AttachmentVo(result));
	       	   Success(map);
	       	   return map; 
	        }
		} catch (Exception e) {
			e.printStackTrace();
		}
		map.put("result", "保存错误");
    	Fail(map);
    	return map;
	}
}


2014-9-26记录

 

狂奔岻蜗牛
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringMVC上传和解析Excel方法
08-31
在SpringMVC框架中，处理Excel文件的上传与解析是一项常见的任务，这通常涉及到Web应用的数据导入和导出功能。本文将深入探讨如何在SpringMVC中实现这一过程。 首先，要实现文件上传，我们需要配置SpringMVC的多...
Java整合OpenCV实现全景图切割合并
技术交流，进来交个朋友
11-02 4812
一共分为三步实现： 1，windows安装OpenCV 2，springboot整合OpenCV 3，实现全景图切割合并 windows安装OpenCV 下载OpenCV 官网下载地址：https://opencv.org/releases/ 这里下载的是windows版本的，如需下载安装lunix版本，请移步： Lunix安装/编译/部署OpenCV4.5.2生成so文件 下载完成后得到exe程序安装包 运行exe安装包后得到 到这一步其实就已经完成了，特别简单！！！ 但是我当时在网上看的时候好多
java 图片切分
学习小笔记
05-28 251
    import java.awt.Graphics2D;   import java.awt.image.BufferedImage;   import java.io.File;   import java.io.FileInputStream;   import java.io.IOException;       import javax.imageio....
springmvc 表单 @RequestMapping 上传文件
ddige1793的博客
05-30 451
Java代码 @RequestMapping(method=RequestMethod.POST) publicStringsave( @RequestParam(value="file",required=false)MultipartFilefile, @ValidStorestore,...
基于SpringBoot的图片上传组件，实现图片裁剪、Thumbnailator压缩的功能
二萌偏的博客
01-19 5939
本周三、周四、周五封装了一个基于SpringBoot的图片上传组件。功能流程如下： 1、前台页面有一个“选择文件”按钮，点击选择一张图片后，在前台界面进行显示。 2、双击显示出来的图片，前台使用cropper图片裁剪插件，将裁剪信息（裁剪起始点坐标 x，y，裁剪宽度width，裁剪高度height）以及上传的图片文件，传给后台。 3、后台对图片进行裁剪，再将裁剪后的图片进行压缩，把原图路径、
SpringMVC文件上传与下载 源码
08-02
在SpringMVC框架中，文件上传与下载是常见的功能需求，尤其在开发Web应用时，用户可能需要上传图片、文档等文件，或者从服务器下载资源。本教程将深入讲解SpringMVC如何处理文件上传和下载操作，并通过源码分析来...
通过简单步骤实现SpringMVC文件上传
08-25
通过简单步骤实现 SpringMVC 文件上传 SpringMVC 框架提供了一个强大且灵活的文件上传功能，使用 SpringMVC 可以轻松实现文件上传。下面将详细介绍如何通过简单步骤实现 SpringMVC 文件上传。 知识点一：创建 ...
SpringMVC上传图片与访问
09-02
主要介绍了SpringMVC上传图片与访问的相关资料,需要的朋友可以参考下
SpringMVC上传文件FileUpload使用方法详解
08-28
SpringMVC上传文件FileUpload使用方法详解 在本文中，我们将详细介绍 SpringMVC 上传文件 FileUpload 的使用方法，旨在帮助开发者快速掌握该技术。下面是相关知识点的总结： 一、SpringMVC 上传文件 FileUpload ...
java 图片分段上传_java实现上传图片进行切割的方法
weixin_39932947的博客
12-21 286
本文实例讲述了java实现上传图片进行切割的方法。分享给大家供大家参考。具体分析如下：为什么我要进行上传的图片进行切割呢，我这个项目的图片是部门logo，每个部门都可以选择不同的logo，但是要应对浏览器的兼容以及拉伸，我选择了把一张图片切成左、中、右和剩下的部分，因为左边和中变可能会有图案或者字所以不能拉伸，拉伸的只是右边的部分，剩下的部分自适应就可以了。所以用了javax的ImageReade...
解决本地Maven仓库无法下载Jar或下载失败的情况
热门推荐
敲代码的小蜗牛的专栏
05-26 1万+
在搭建Spring cloud框架中，有些Jar无法下载的情况处理 1. 网上查询https://mvnrepository.com/查看maven引用是否正确 2. 解决方法如下: 方法一：使用命令加入本地仓库，请参考我的博客： https://blog.csdn.net/u012547633/article/details/51647155 方法二: 引用阿里云的镜像，配置mav...
如何用按钮调用Servlet
敲代码的小蜗牛的专栏
06-13 1万+
一般很少用按钮调用servlet，但还是可以的。 eg: /************************************Login.jsp******************************/ <script type="text/javascript"> function test(name) { location.href = Servlet+'?na...
SpringMVC+ajaxfileupload+ajax文件上传
敲代码的小蜗牛的专栏
09-25 1万+
升级版地址：https://blog.csdn.net/u012547633/article/details/80198561 ------------------------------jsp页面-------------------------------- <script type="text/javascript" src="<%=basePath%>/...
Oracle新建用户并指定默认表空间
敲代码的小蜗牛的专栏
09-14 1万+
-- 创建表空间(joffice) create tablespace joffice logging datafile 'D:\oracle\data\joffice.dbf' size 50m autoextend on next 10m maxsize 400m extent management local; -- 创建用户并指定默认表空间(用户名：joffice ...
在同一个Tomcat下部署多个SpringMVC相同项目
敲代码的小蜗牛的专栏
09-14 7748
Host配置 修改每个项目里面的Web.xml和log4j.properties(每一个相对应) 修改Tomcat配置 新建文件夹（shared\lib） 修改Tomcat中confàcatalina.properties 将项目lib中的Jar包全部拷贝至shared/lib文件夹下，并将其他项目中的Jar包全部删除 ...
JavaScript在HTML中的嵌入方式
敲代码的小蜗牛的专栏
06-04 6667
JavaScript作为客户端的脚本语言，主要的用途就是帮助HTML处理部分交互逻辑。JavaScript语言同其他脚本语言一样，通过控制语句、函数、对象方法属性等来实现编程。先来介绍JavaScript是如何同HTML交互的，也就是嵌入的方式。根据JavaScript在HTML中加载方式的不同，嵌入方式可以分为内部引用、外部引用和内联引用。 1．内部引用 通过<Script&gt...
Mybatis 动态组装查询条件，仿SQL模式
敲代码的小蜗牛的专栏
07-18 5174
目的： 以前比较习惯使用Hibernate，后来觉得mybatis不能按我想要的自动组装为SQL查询条件，所以提供该工具类； 效果图： 如图所示，根据条件自动组装查询条件，下面来说一下实现方法： 1. ServiceImpl书写注意项 Page<SysLogin> resultPage = null; try { ...
SpringMVC给控制器添加自定义注解控制访问权限
敲代码的小蜗牛的专栏
10-14 4350
1、创建自定义组件 package com.qingbo.ginkgo.annotation; import java.lang.annotation.Documented; import java.lang.annotation.ElementType; import java.lang.annotation.Inherited; import java.lang.annotation....
Spring下的子框架SpringMVC实现多文件上传完整代码
最新发布
03-25
在Spring框架下的SpringMVC实现多文件上传时，有两种常见的策略：字节流方式和SpringMVC内置解析器。这些内容将深入探讨这两种方法的实现步骤、所需依赖以及它们在效率上的差异。 首先，实现多文件上传需要准备以下...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值