SpringBoot实现上传存储图片到七牛云服务器

springboot项目上传存储图片到七牛云服务器

问题描述：
当图片存在本地时会出现卡顿的现象。比如一篇图文混排的文章，如果图片没有加载完，可能整个文章都显示不出来，因为它们都是用的同一个服务器。
但是如果把图片单独拿出来放在云服务器上进行加载，这样图片的加载和文字的加载互不干扰，就可以优化这个问题。

• 首先要到七牛云官网注册账号并登陆
  

​                这是官网：https://www.qiniu.com/

• 登录之后在右上角找到【控制台】选项，第一次进入的话是没有存储空间的，所以需要新建一个存储空间。
  
• 创建完毕之后，你可以看到下面这样的界面：
  
  单击空间名称可以进入到空间详情页面，这里面记录了存储空间的详细信息。
  
  
• 要注意如上图所示的这几个地方：
  
  
  
  • 左上角的名字就是你存储空间的名字【对应下面 utils 代码中的 bucket 变量的值，这个值需要改成你自己设置的存储空间名字】
    
  • 存储区域需要注意，我选择的是华北【在 utils 代码中对应 Configuration cfg = new Configuration(Region.huabei()); 这个部分，需要把Region对象的配置类指定为你选择的区域】
    
  • 访问控制需要设置为公开
    
  • 右下角是公开访问的域名
    
  
  

一、controller

1. @RestController
2. @RequestMapping("upload")
3. public class UploadController {
4.    @Autowired
5.    private QiniuUtils qiniuUtils;
6.    @PostMapping
7.    public Result upload(@RequestParam("image") MultipartFile file){
8.       String fileName = UUID.randomUUID().toString() + "." + StringUtils.substringAfterLast(file.getOriginalFilename(), ".");
9.       boolean upload = qiniuUtils.upload(file, fileName);
10.       if (upload){
11.          return Result.success(QiniuUtils.url + fileName);
12.       }
13.       return Result.fail(7777,"上传失败");
14.    }
15. }

复制代码

二、utils

1. @Component
2. public class QiniuUtils {
4.    public static  final String url = "【放你自己的网址】";
5.        
6.    @Value("${qiniu.accessKey}")
7.    private  String accessKey;
8.    @Value("${qiniu.accessSecretKey}")
9.    private  String accessSecretKey;
11.    public  boolean upload(MultipartFile file, String fileName){
13.       //构造一个带指定 Region 对象的配置类
14.       Configuration cfg = new Configuration(Region.huabei());
15.       //...其他参数参考类注释
16.       UploadManager uploadManager = new UploadManager(cfg);
17.       //...生成上传凭证，然后准备上传
18.       String bucket = "【放你自己的存储空间名】";
19.       //默认不指定key的情况下，以文件内容的hash值作为文件名
20.       try {
21.          byte[] uploadBytes = file.getBytes();
22.          Auth auth = Auth.create(accessKey, accessSecretKey);
23.          String upToken = auth.uploadToken(bucket);
24.          Response response = uploadManager.put(uploadBytes, fileName, upToken);
25.          //解析上传成功的结果
26.          DefaultPutRet putRet = JSON.parseObject(response.bodyString(), DefaultPutRet.class);
27.          return true;
28.       } catch (Exception ex) {
29.          ex.printStackTrace();
30.       }
31.       return false;
32.    }
33. }

复制代码

三、properties

1. qiniu.accessKey=[填你的密码]
2. qiniu.accessSecretKey=[填你的秘钥]
3. # 上面两个的值在七牛云服务器的空间管理那里找得到
5. ## 上传文件总的最大值
6. spring.servlet.multipart.max-request-size=70MB
7. ## 单个文件的最大值
8. spring.servlet.multipart.max-file-size=17MB

复制代码

秘钥可以在如下图的位置获取：


三、实现流程

简单说一下实现的过程是怎样的：

• 首先由客户端向服务器发起一个请求，这个文件的内容被MultipartFile file 作为参数传递到controller中。
  
• 然后使用下面的方式生成一个新的文件名
  
  
  
  • 1.   String fileName = UUID.randomUUID().toString() + "." + StringUtils.substringAfterLast(file.getOriginalFilename(), ".");

    复制代码
  • 之后把这个文件名和文件作为两个参数传递给工具类QiniuUtils
    
  
  
• 在工具类中的这段代码需要对应如下图所示的网址【切记末尾一定要带斜杠 / 】
  
  
  
  • 1.   public static  final String url = "http://+ [下图所示的那段链接] +/";

    复制代码
    
    
  
  

• utils中的这段代码需要的两个值，一定要在application.properties中配置上，不然识别不到！
  
  
  
  • 1.   @Value("${qiniu.accessKey}")
    2.   private  String accessKey;
    3.   @Value("${qiniu.accessSecretKey}")
    4.   private  String accessSecretKey;

    复制代码
  
  
• 最后在controller中返回拼接好的图片访问链接就大功告成了！
  1. return Result.success(QiniuUtils.url + fileName);

  复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！