欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

文件上传 ,图片回显

程序员文章站 2022-03-27 20:30:16
...

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 上传效果

文件上传 ,图片回显