一、增加配置文件：

#图片大小
spring:
  servlet:
    multipart:
      max-request-size: -1
      max-file-size: -1

#imgeUrl: /home/uploadFile
imgeUrl: /Users/yang/Documents/others

ps:图片大小会被限制，所以配置将设置为-1。当然依然可以设置成其他数字。

二、创建一个设置图片大小的bean：

package com.dou.bean;


import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.web.servlet.MultipartConfigFactory;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import javax.servlet.MultipartConfigElement;

@Configuration
public class MultipartConfig {


    @Value("${spring.servlet.multipart.max-request-size}")
    private String maxFileSize;
    @Value("${spring.servlet.multipart.max-file-size}")
    private String maxRequestSize;
    @Bean
    public MultipartConfigElement multipartConfigElement() {
        MultipartConfigFactory factory = new MultipartConfigFactory();
        // 单个数据大小
        factory.setMaxFileSize(maxFileSize);
        // 总上传数据大小
        factory.setMaxRequestSize(maxRequestSize);
        return factory.createMultipartConfig();
    }

}


三、创建一个类UploadFileServiceImpl：

package com.dou.service.impl;

import com.dou.service.UploadFileService;
import com.dou.validator.CommonReturnType;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Service;
import org.springframework.util.CollectionUtils;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.nio.file.Path;
import java.nio.file.Paths;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@Service
public class UploadFileServiceImpl implements UploadFileService {

    @Value("${imgeUrl}")
    private String imgeUrl;

    private final String IMAGE_URL_FILE="image";
    private final String VIDEO_URL_FILE="video";

    /**
     * 上传图片
     * @param file
     * @return
     */
    public CommonReturnType uploadImage(MultipartFile file){
        return uploadFile(file,IMAGE_URL_FILE);
    }

    /**
     * 上传视频
     * @param file
     * @return
     */
    public CommonReturnType uploadVideo(MultipartFile file){
        return uploadFile(file,VIDEO_URL_FILE);
    }

    /**
     * 上传图片/视频  文件
     * @param file
     * @param filePath
     * @return
     */
    private CommonReturnType uploadFile(MultipartFile file,String filePath){
        Path path = null;
        try {
            String fileNameOld=file.getOriginalFilename();
            String fileName = null;
            if(fileNameOld.indexOf(".")!=-1){
                String[] fileNameOldArr=fileNameOld.split("\\.");
                if(fileNameOldArr.length>1){
                    fileName=fileNameOldArr[0]+String.valueOf(System.currentTimeMillis())+"."+fileNameOldArr[fileNameOldArr.length-1];
                }
            }else{
                fileName = String.valueOf(System.currentTimeMillis())+fileNameOld;
            }
            path = Paths.get(imgeUrl,filePath,fileName);  //在配置文件中定义；文件实际的存储地址
    //      deleteExistFile(path);
            System.out.println("save image to path: "+path.toString());
            File parentFile = path.getParent().toFile();
            if (!parentFile.exists()) {
                parentFile.mkdirs();
    //          log.info("parent directory create success:" + parentFile.getPath());
            }
            file.transferTo(path.toFile());
    //      log.info("file upload success :" + path.toString());
        } catch (Exception e) {
    //      log.error(e.getMessage());
    //      log.error("save image error:" + e);
            return CommonReturnType.createFalse("失败。");
        }
        return CommonReturnType.create(null!=path?path.toString():"");
    }

    /**
     * 上传图片集合
     * @param fileArr
     * @return
     */
    public CommonReturnType uploadImageArr(List<MultipartFile> fileArr){
        return uploadFileArr(fileArr,IMAGE_URL_FILE);
    }

    /**
     * 上传视频集合
     * @param fileArr
     * @return
     */
    public CommonReturnType uploadVideoArr(List<MultipartFile> fileArr){
        return uploadFileArr(fileArr,VIDEO_URL_FILE);
    }

    /**
     * 上传文件集合
     * @param fileArr
     * @param filePath
     * @return
     */
    private CommonReturnType uploadFileArr(List<MultipartFile> fileArr,String filePath){
        if(CollectionUtils.isEmpty(fileArr)){
            CommonReturnType.createFalse("图片为空，删除更换失败。");
        }
        Map<String,Object> map=new HashMap<>();
        List<String> resultList=new ArrayList<>();
        int num=0;
        for(MultipartFile file: fileArr){
            CommonReturnType commonReturnType=uploadFile(file,filePath);
            if(commonReturnType.getStatus()){
                resultList.add(String.valueOf(commonReturnType.getData()));
            }else{
                num++;
            }
        }
        if(num>0){
            map.put("num","长传图片有:"+num+"个图片有误。");
            map.put("list",resultList);
            return CommonReturnType.createFalse(map);
        }
        map.put("list",resultList);
        return CommonReturnType.create(map);
    }

}


 

java端：

/**

*

* @param file 需要上传的文件—这里专门是为了上传图片而实现的 最大上传图片大小是50M

* @param heightWidth 设置缩略图的宽高字符串，比如:_150x150

* @return 返回缩略图的地址和原图地址

* @throws Exception

*/

@RequestMapping("/upload_image")

public Map<String,Object> upload_image(MultipartFile file,String heightWidth ) throws Exception{
    String url = fdfsClient.uploadFile(file);
    Map<String,Object> result = new HashMap<>();
    result.put("code", 200);
    result.put("msg", "上传成功");

    if (url.contains("null")){
        url=url.substring(url.indexOf("l")+2);
    }
    url=fastHost+"/"+url;//为了可以直接返回包含服务器的地址
    result.put("url", url);
    int indexOfPoint=url.lastIndexOf(".");
    url=url.substring(0,indexOfPoint)+heightWidth+url.substring(indexOfPoint);//设置缩略图路径
    result.put("thumbImage_url",url);

    return result;
}

最主要的是fastdfs相关配置：

参考：https://blog.csdn.net/CleverCode/article/details/52278482?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf
一，/data/nginx/sbin/nginx -V

例如我的：

[root@ecs-8ba1-0011 data]# /data/nginx/sbin/nginx -V

nginx version: nginx/1.19.2

built by gcc 4.8.5 20150623 (Red Hat 4.8.5-39) (GCC)

configure arguments: --prefix=/data/nginx --add-module=/data/fastdfs-nginx-module-master/src
看看有没有加载这个模块  --with-http_image_filter_module  (需要加载的模块)

没有，则需要加载这个模块。
二，安装gd，HttpImageFilterModule模块需要依赖gd-devel的支持
yum -y install gd-devel     安装好之后， #cd /data/nginx-1.19.2   如我的：


然后，# ./configure        --prefix=/data/nginx --add-module=/data/fastdfs-nginx-module-master/src --with-http_image_filter_module  （之前/data/nginx/sbin/nginx -V 出来的有啥就放啥进去，最后在加上–with-http_image_filter_module)

然后，#  make && make install

再 #/data/nginx/sbin/nginx -V 看看是否加载了with-http_image_filter_module该模块



如果没有加载这个，则说明没有加载模块成功！

（需要把Makefile文件删除了 再重新./configure …省略…一遍 然后make &make install ）
三，接着找到nginx.conf文件，如图：

# vim nginx.conf  进到里面编写：



红色是需要注意的地方！
#缩略图配置参数
    location ~ group1/M00/(.+)_([0-9]+)x([0-9]+)\.(jpg|jpeg|gif|png) {
        alias /data/fastdfs/storage_data/data;
        ngx_fastdfs_module;
        set $w $2;
        set $h $3;

        if ($w != "0") {
            rewrite group1/M00(.+)_(\d+)x(\d+)\.(jpg|jpeg|gif|png)$ group1/M00$1.$4 break;
        }

        if ($h != "0") {
            rewrite group1/M00(.+)_(\d+)x(\d+)\.(jpg|jpeg|gif|png)$ group1/M00$1.$4 break;
        }

       #设置根据宽高比例缩放
        image_filter resize $w $h;
       #设置原图最大值 
        image_filter_buffer 50M;


    }


    location ~ group1/M00/(.+)\.?(.+){
       alias /data/fastdfs/storage_data/data;
       ngx_fastdfs_module;
    }

对了还需要把自己之前配置的比如我的：



给注释掉！要不然会应该效果！！！
四，最后停掉nginx  再开启 比如我的：

#/data/nginx/sbin/nginx    -s stop 停掉

#/data/nginx/sbin/nginx     开启
效果如图：

说明配置成功了！
测试：

postman效果!


服务器测试效果！
浏览器原图：



浏览器缩略图效果：

一、问题发现
1.可能因为base64字符太长，导致后端处理时出错，表现为前端请求报400错误；
2.前端传数据到后端时可能base64字符串中的特殊字符被替换，例如+被替换成空格，表现为上传的图片不完整
二、问题解决
1.问题1解决方法：
1.1.在配置文件中设置server.max-http-header-size（最大http请求头大小），其默认值为8KB，通常图片的base64会超过默认值，但是也不是越大越好（我设置2MB，然后前端再限制一下图片的大小或者压缩图片），大了反而有大问题，详情请看server.max-http-header-size的坑
2.问题2解决方法：
2.1.前端对base64字符串编码之后再传给后端处理，后端不需要解码，因为接收base64字符串时springmvc会进行一次解码
2.2.也可以通过将被替换的字符手动换回来，不过不推荐使用，你不知道究竟还有没有其他特殊字符被替换
String replace = base64.replace(" ", "+");
MultipartFile multipartFile = BASE64DecodedMultipartFile.base64ToMultipart(replace);

三.建议能不使用base64上传文件就不使用，一张2MB的图片转成base64字符串大概有3000000+个字符，想想都可怕啊