SpringBoot----文件(图片)上传与显示(下载)

文件上传下载

SpringBoot----物品点赞功能实现
SpringBoot----物品收藏功能实现
SpringBoot----评论回复功能实现（数据库设计）
SpringBoot----即时聊天(webSocket)

前后端分离项目–二手交易平台小程序

需求：上传图片到后台，然后在前端需要的时候通过链接访问显示
实现: 必然得先获取前端的数据流，这个可以使用springboot的简化的方式比Javaweb简单的多。然后得展示图片给前端而且还是在需要的时候。所以就必须存到数据库。
数据库设计：考虑1：不同人上传不同照片但是照片名字却相同，这就会引起冲突。所以我们存的时候得重新生成一个名字。

SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------
-- Table structure for images
-- ----------------------------
DROP TABLE IF EXISTS `images`;
CREATE TABLE `images` (
  `im_id` int(20) NOT NULL AUTO_INCREMENT COMMENT '图片编号',
  `openid` varchar(255) DEFAULT NULL COMMENT '用户编号',
  `gid` int(20) DEFAULT NULL COMMENT '商品编号',
  `image_name` varchar(255) DEFAULT NULL COMMENT '图片名称',
  `image_url` varchar(255) DEFAULT NULL COMMENT '图片地址',
  `image_address` varchar(255) DEFAULT NULL COMMENT '图片在服务器中存储地址',
  `state` int(10) DEFAULT NULL,
  PRIMARY KEY (`im_id`),
  KEY `user_im` (`openid`),
  KEY `good_im` (`gid`)
) ENGINE=InnoDB AUTO_INCREMENT=107 DEFAULT CHARSET=utf8mb4;

这里微信小程序上传的图片不会使用图片原始名称，而是微信自己的一个临时的文件地址

后台代码:
这个是在application.properties中设置，主要是因为写代码在win10环境，上线又在linux他来文件系统不一样。。。

 @Override
    public int setImageInfo(HttpServletRequest request, MultipartFile file, String openid,Integer flag) throws IOException {
        //物品图片信息
        Images images = new Images();//封装图片信息
        images.setState(0);//待审核
        Integer gid = goodsMapper.selectByOpenidForGid(openid);
        if (flag == 0){
            //从数据库获取商品gid,发布物品图片
            if(gid==0){
                return 0;
            }else{
                images.setGid(gid);
            }
        }
        else{
            //学生认证时图片,待审核为3
            userErMapper.updateByOpenid(openid,3);
            images.setOpenid(openid);
        }
        images.setImageAddress(realPath);//服务器存放图片真实路径
        String path ;
        String type ;
        String avator;
        if(!file.isEmpty()) {
            String fileName = file.getOriginalFilename();
            images.setImageName(fileName);//图片真实名称，但是小程序获取的是临时文件存放图片路径
            type = fileName.indexOf(".") != -1 ? fileName.substring(fileName.lastIndexOf(".") + 1) : null;
            if (type != null) {
                    // 自定义的文件名称
                    Calendar rightNow=Calendar.getInstance();
                    Integer year = rightNow.get(Calendar.YEAR);
                    Integer month = rightNow.get(Calendar.MONTH)+1; //第一个月从0开始，所以得到月份＋1
                    Integer day = rightNow.get(rightNow.DAY_OF_MONTH);

                    String date=year+""+month+""+day;
                    String trueFileName = UUIDUtils.getUUID()+date+".jpg";//把图片都变成jpg格式

                    // 设置存放图片文件的路径
                    path = realPath +trueFileName;
                    //判断文件父目录是否存在
                    File dest=new File(path);
                    if(!dest.getParentFile().exists()){
                        dest.getParentFile().mkdir();
                    }
                    //保存图片
                    file.transferTo(new File(path));
                    avator=request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + "/images/" + trueFileName;
                    images.setImageUrl(avator);//可访问的图片url地址
                    if (flag==0){
                        //只有发布物品时会更新物品信息，学生认证时不更新
                        goodsMapper.updateGoodsHomeImage(avator,gid);
                    }
                    log.info("数据库存放图片文件的路径:" + avator);
            }else {
                log.info("文件类型为空");
                return 0;
            }
        }else {
            log.info("没有找到相对应的文件");
            return 0;
        }
        //写入数据库
        return imagesMapper.insert(images);
    }

package com.w.wx.utils;

import java.util.UUID;

public class UUIDUtils {
    //字符库
    public  static String[] chars = new String[] { "a", "b", "c", "d", "e", "f",
            "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s",
            "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5",
            "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I",
            "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V",
            "W", "X", "Y", "Z" };

    public static String getUUID() {
        //调用Java提供的生成随机字符串的对象：32位，十六进制，中间包含-
        String uuid= UUID.randomUUID().toString().replace("-", "");
        StringBuffer shortBuffer = new StringBuffer();
        for (int i = 0; i < 8; i++) { //分为8组
            String str = uuid.substring(i * 4, i * 4 + 4); //每组4位
            int x = Integer.parseInt(str, 16); //输出str在16进制下的表示
            shortBuffer.append(chars[x % 0x3E]); //用该16进制数取模62（十六进制表示为314（14即E）），结果作为索引取出字符
        }
        return shortBuffer.toString();//生成8位字符
    }
}

配置映射：就是你访问静态资源不都是static目录下的，然后你配置了这个映射就可以去不在项目内的地方存放图片。

package com.w.wx.config;

import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class ImageConfig implements WebMvcConfigurer {
    @Value("${web.localurl}")//注意修改
    private String  fileUrl;

    //url为images/**时项目内没有即static目录下没有，则会去映射的本地的fileUrl找
    public void addResourceHandlers(ResourceHandlerRegistry register){
        register.addResourceHandler("/images/**").addResourceLocations("file:"+fileUrl);
    }


}

结束:前端直接通过url访问你的图片。部署到云服务器的时候看你服务器系统改一下路径代码不用改。
参考：找不到原文了。。。不过就是csdn上面的。随便一搜按照需求改一下就行。基本每篇博客的都能跑。
2021/4/25 21:23