摘要：當時想的是用免費的第三方云存儲解決方案，畢竟之前已經用過了七牛云。但是問題來了，免費的云存儲，老是出問題。所以你如果自己玩，完全可以使用免費的云存儲，要是真的商用，就考慮付費產品。

最近在做一個基于Flutter的app，算是學習新的移動端開發技術。于是就需要一個后端api接口，其中涉及到了文件上傳，特此記錄下

本來我計劃的是，后臺只做數據接口，不做文件存儲，畢竟自己也沒那么多的服務器資源去存儲。當時想的是用免費的第三方云存儲解決方案，畢竟之前已經用過了七牛云。

但是問題來了，免費的云存儲，老是出問題。比如七牛的，過段時間就會發現，外鏈訪問文件會失效，而且后臺文件管理面板，察看文件也看不了，很坑。

然后又看了有拍云，和騰訊云，它們提供的文件存儲都不收費，但是要后收費，當你的文件存儲超過容量時收費。這也還好，畢竟免費的，存儲圖片的話5g也夠用了，但是主要是每天的流量由限制，超出流量收費。你后期不得面臨你的應用中的圖片全部不顯示，作為定位上線的應用，是不能接受這種風險的。

所以你如果自己玩，完全可以使用免費的云存儲，要是真的商用，就考慮付費產品。但是我又窮，所以只能自己寫了。

就不貼全部的項目代碼了，只貼上傳部分的。因為使用了靜態資源訪問，所以需要加入模板引擎依賴。

            org.springframework.boot
            spring-boot-starter-thymeleaf
        

因為代碼比較簡單，所以直接controller全部處理完：

package com.mike.controller;

import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;
import java.nio.file.StandardCopyOption;

import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

import com.mike.bean.ApiResult;
import com.mike.bean.FileView;
import com.mike.util.ApiUtils;
import com.mike.util.Tools;

/**
 * The class UploadController
 */
@RestController
@RequestMapping("/up")
public class UploadController {
    
    @Value("${baseUrl}")
    private String baaseUrl;
    
    @CrossOrigin
    @PostMapping("/upload")
    public ApiResult uploadFile(@RequestParam("file") MultipartFile file){
        if (file.isEmpty()) {
            return ApiUtils.err("你沒有選擇上傳文件");
        } else if(file.getOriginalFilename().contains("..")||!file.getOriginalFilename().contains(".")){
            return ApiUtils.err("文件格式有誤");
        } else {
            String fileName = file.getOriginalFilename();
            //為防止文件名重復覆蓋
            fileName = fileName.replace(".", System.currentTimeMillis()+".");
            Path savePath = Paths.get("src/main/resources/static/upload");
            try {
                Files.copy(file.getInputStream(), savePath.resolve(fileName), StandardCopyOption.REPLACE_EXISTING);
                FileView view = new FileView();
                view.setName(fileName);
                view.setSize(file.getSize());
                view.setUrl(baaseUrl+fileName);
                view.setUploadDate(Tools.getCurrent());
                return ApiUtils.success(view);
            } catch (IOException e) {
                e.printStackTrace();
                return ApiUtils.err("對不起,上傳失敗");
            }
        }
    }
}

在高并發下，還是有非常小的幾率出現文件重名，所以使用時間戳也不是好的解決方案。需要能夠生成唯一識別符號，建議使用UUId。

  
    
    
  
  

     

     上傳

      
        
  

效果：

訪問上傳后的圖片url：

因為圖片上傳導了代碼目錄，不是服務器的目錄，所以，新上傳得圖片訪問會報404，需要重起才能訪問。為了解決這個問題，我們需要增加文件與路徑的映射關系，這樣，就不會出現404

public class FileConfig implements WebMvcConfigurer {
    
    @Value("${serverFilePath}")
    private String serverFilePath;
    
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        WebMvcConfigurer.super.addResourceHandlers(registry);
        registry.addResourceHandler("/upload/**")
                .addResourceLocations(serverFilePath);
    }
}

serverFilePath 在properties中配置：

baseUrl=http://localhost:8080/upload/
serverFilePath=file:C:/code/mike-todo/src/main/resources/static/upload/

上線的話，換成服務器上的路徑就好。

文件存儲，遠遠不像我寫的這么簡單。只是應付一般小項目足夠了，如果是大型的項目，就需要專門的文件存儲系統以及服務器端的優化。如果你有什么問題，可以留言要論。或是關注我的公眾號：mike啥都想搞，還有其他教學視頻免費領取。