文件上传 ,图片回显

1 文件上传入门案例

1.1 文件上传页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>实现文件上传</h1>
	<!--enctype="开启多媒体标签"  -->
	<form action="http://localhost:8091/file" method="post" 
	enctype="multipart/form-data">
		<input name="fileImage" type="file" />
		<input type="submit" value="提交"/>
	</form>
</body>
</html>

文件上传

package com.jt.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.IOException;
import java.io.InputStream;

@RestController
public class FileController {

    /**
     *  MultipartFile 接口作用 主要就是优化了文件上传 API集合
     * 1. 文件上传位置???   D:\JT-SOFT\images
     * 2. 判断一下文件目录是否存在
     * 3. 利用API实现文件上传.
     */
    @RequestMapping("/file")
    public String file(MultipartFile fileImage){
        String fileDir = "D:/JT-SOFT/images";
        File file = new File(fileDir);
        if(!file.exists()){ //文件不存在则创建文件

            file.mkdirs(); //一次性创建多级目录
        }
        //文件信息 = 文件名+文件后缀
        String fileName = fileImage.getOriginalFilename();
        //将文件的整体封装为对象 文件路径/文件名称
        File imageFile = new File(fileDir+"/"+fileName);
        //实现文件上传,将文件字节数组传输到指定的位置.
        try {
            fileImage.transferTo(imageFile);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return "文件上传成功!!!!";
    }
}


2 实现文件上传操作

2.1 封装VO对象

{“error”:0,“url”:“图片的保存路径”,“width”:图片的宽度,“height”:图片的高度}
说明:
error: 代表文件上传的错误. 0 文件上传正确 1.文件上传失败.
url地址: 访问图片的网络地址… 用户通过url地址获取图片信息
访问图片的物理地址… 真实存储的地址 D:/a/a.jpg

width/height:   宽度和高度是图片的特有属性....

package com.jt.vo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;

import java.io.Serializable;

@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class ImageVO implements Serializable {
    //{"error":0,"url":"图片的保存路径","width":图片的宽度,"height":图片的高度}
    private Integer error;
    private String  url;     //图片虚拟访问路径
    private Integer width;  //宽度
    private Integer height; //高度

    //success  fail
    public static ImageVO fail(){
        return new ImageVO(1,null,null,null);
    }
    
    public static  ImageVO success(String url,Integer width,Integer height){
        return new ImageVO(0, url, width, height);
    }
}


2.2 文件上传页面url分析

在这里插入图片描述

2.3 参数说明

在这里插入图片描述

2.4 编辑pro配置文件

说明: 为了将来实现项目的扩展性,将核心的配置写入image.properties文件中

#properties的作用就是封装key=value 业务数据
image.dirPath=D:/JT-SOFT/images
image.urlPath=http://image.jt.com

2.5 编辑FileController

  /**
     * 业务:实现商品的文件上传操作
     * url地址: http://localhost:8091/pic/upload?dir=image
     * 参数:    uploadFile   注意字母的大小写
     * 返回值结果: ImageVO对象.
     */
    @Autowired
    private FileService fileService;

    @RequestMapping("/pic/upload")
    public ImageVO upload(MultipartFile uploadFile){

        //将所有的业务操作,放到Service层中完成!!!
        return fileService.upload(uploadFile);
    }

编辑FileService

package com.jt.service;

import com.jt.vo.ImageVO;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.PropertySource;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.HashSet;
import java.util.Set;
import java.util.UUID;

@Service
@PropertySource("classpath:/properties/image.properties")
public class FileServiceImpl implements FileService{
    @Value("${image.dirPath}")
    private String dirPath;
    @Value("${image.urlPath}")
    private String urlPath;
    //为了防止Set集合每次都要创建,则通过static代码块的形式负责封装数据
    private static Set<String> imageSet=new HashSet<>();
    static{
        imageSet.add(".jpg");
        imageSet.add(".png");
        imageSet.add(".gif");
        //....
    }
    /**
     * 文件上传具体步骤:
     *      1.如何校验用户上传的是图片?    jpg|png
     *      2.如何访问用户上传恶意程序     木马.exe.jpg  宽度*高度
     *      3.应该采用分目录存储的方式     保存数据
     *      4.上传的文件名称应该尽量避免重名  自定义文件名称...  UUID.后缀...
     * @param uploadFile
     * @return
     */
    @Override
    public ImageVO upload(MultipartFile uploadFile) {
        //1.校验图片类型是否正确 jpg|png|gifxxxx  1.正则表达式判断  2.准备集合之后进行校验Set<去重>
        //1.1 获取上传的图片类型
        String fileName = uploadFile.getOriginalFilename();//文件的全名 abc.jpg
        fileName = fileName.toLowerCase(); //将所有的字符转化为小写
        int index = fileName.lastIndexOf(".");//最后出现“.”的下标数
        String fileType = fileName.substring(index);//含头不含尾 截取字串 [index,last)
        //1.2判断是否为图片类型    bug 注意大小写  contains (包含)
        if (!imageSet.contains(fileType)) {
            //用户上传的不是图片
            return ImageVO.fail();
        }


        //2.上传的数据是否为恶意程序. 高度和宽度是否为null. 利用图片API
        try {
            BufferedImage bufferedImage = ImageIO.read(uploadFile.getInputStream());
            int width = bufferedImage.getWidth();
            int height = bufferedImage.getHeight();
            if (width == 0 || height == 0) {
                return ImageVO.fail();
            }

            //3.采用分目录储存方式 a.jpg
            //String dirPath ="D:/JT-SOFT/images";
            //3.1分目录存储方式1 hash方式 AABBCCDD
            //3.2分目录存储方式2 时间方式存储 yyyy/MM/dd
            String dateDir = new SimpleDateFormat("/yyyy/MM/dd").format(new Date());
            //3.3准备文件存储的目录
            String imageDir = dirPath + dateDir;
            File imageFileDir = new File(imageDir);
            if (!imageFileDir.exists()) {
                imageFileDir.mkdirs();
            }
            //4 实现文件上传
            //4.1 动态拼接文件名称  uuid.后缀
            String uuid = UUID.randomUUID().toString().replace("-", "");
            String realFileName = uuid + fileType;
            //4.2 准备文件上传的全路径 磁盘路径地址+ 文件名称
            File imageFile = new File(imageDir + realFileName);
            //4.3 实现文件上传
            uploadFile.transferTo(imageFile);
            //5.动态生成URL地址
            //String url = "https://img14.360buyimg.com/n0/jfs/t1/116854/21/14186/111783/5f2bae07E2454ef4a/941b022bf4481e26.jpg";
            //String url="http://image.jt.com"+dateDir+realFileName;
            String url=urlPath+dateDir+realFileName;
            return ImageVO.success(url, width, height);
        }catch (IOException e){
            e.printStackTrace();
            return ImageVO.fail();
        }

    }
}

2.6 上传效果

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Crazy_sounding/article/details/108411001