基于表单来提交图片到OSS存储

当我们把图片保存到服务器时，我们发现访问项目时，图片加载过慢，影响体验。我们可以使用阿里云的OSS来存储图片，它可以提供快速的图片响应，提升用户体验，下面介绍一下用法（比官网文档简洁）。

1.前端

<form action=“自己controller路径” method=“post” enctype=“multipart/form-data”>
    <label for=“article-img”>图片</label>
    <input type=“file” id=“article-img” name=“picture” accept=“image/*”/>上传文章封面图片(非必选)
</form>

2.后端

2.1引入依赖

<dependency>
    <groupId>com.aliyun.oss</groupId>
    <artifactId>aliyun-sdk-oss</artifactId>
    <version>3.10.2</version>
</dependency>

2.2创建一个工具类（根据自己喜好）

@Configuration
public class OssUtils {
    public OSS oSSClientBuilderFile(MultipartFile path) throws IOException {
        // yourEndpoint填写Bucket所在地域对应的Endpoint。以华东1（杭州）为例，Endpoint填写为https://oss-cn-hangzhou.aliyuncs.com。
        String endpoint = "“;
        // 阿里云账号AccessKey拥有所有API的访问权限，风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维，请登录RAM控制台创建RAM用户。
        String accessKeyId = ”“;
        String accessKeySecret = ”“;
        // 创建OSSClient实例。
        OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);
        // 填写本地文件的完整路径。如果未指定本地路径，则默认从示例程序所属项目对应本地路径中上传文件流。
        String name = path.getOriginalFilename();
        String format = new SimpleDateFormat(”YYYY-MM-dd“).format(new Date());
        InputStream inputStream = path.getInputStream();
        // 依次填写Bucket名称（例如examplebucket）和Object完整路径（例如exampledir/exampleobject.txt）。Object完整路径中不能包含Bucket名称。
        ossClient.putObject(”自己的bucket名称“,format+”/“+name, inputStream);
        return ossClient;
    }
}

2.3编写Controller

@Controller
public class AdminArticleController {
　　 @Autowired
    OssUtils ossUtils;

    @PostMapping(”article/addNew“)
    public String addNew(@RequestParam(”picture“) MultipartFile file){
　　 	OSS oss = ossUtils.oSSClientBuilderFile(file);
        oss.shutdown(); //关闭后oss不可用
　　　　　//可根据自己业务需求，是否需要保存图片地址到数据库
        String name = file.getOriginalFilename(); //获取文件名
        String format = new SimpleDateFormat(”YYYY-MM-dd“).format(new Date());
        String url = ”自己bucket的访问路径“;
        String picture = url + format + ”/" + name;
        //保存数据…
　}
}

到此，使用表单上传图片到OSS并获取图片地址的操作就完成了。