前端上传图片springboot后端上传到oss

要将前端上传的图片存储到 OSS 上，需要进行以下步骤：

1. 前端上传图片。可以使用 HTML5 的 FormData API 或者第三方库，如 axios、jquery 等来实现图片上传功能。

2. 后端接收图片并上传到 OSS。可以使用阿里云 OSS 的 Java SDK，将图片上传到 OSS。

以下是一个简单的示例代码：

import com.aliyun.oss.OSS;
import com.aliyun.oss.OSSClientBuilder;
import org.springframework.web.multipart.MultipartFile;
import java.io.IOException;
import java.io.InputStream;

public class OSSUtil {
    private static final String ENDPOINT = "oss-cn-hangzhou.aliyuncs.com";
    private static final String ACCESS_KEY_ID = "***";
    private static final String ACCESS_KEY_SECRET = "***";
    private static final String BUCKET_NAME = "***";

    /**
     * 上传文件到 OSS
     *
     * @param file 文件对象
     * @return 文件访问路径
     */
    public static String upload(MultipartFile file) throws IOException {
        // 创建 OSS 客户端实例
        OSS ossClient = new OSSClientBuilder().build(ENDPOINT, ACCESS_KEY_ID, ACCESS_KEY_SECRET);

        // 获取文件名
        String originalFilename = file.getOriginalFilename();

        // 生成文件名，避免重名
        String fileName = UUID.randomUUID().toString().replaceAll("-", "") + originalFilename.substring(originalFilename.lastIndexOf("."));

        // 获取文件输入流
        InputStream inputStream = file.getInputStream();

        // 上传文件到 OSS
        ossClient.putObject(BUCKET_NAME, fileName, inputStream);

        // 关闭 OSS 客户端
        ossClient.shutdown();

        // 返回文件访问路径
        return "https://" + BUCKET_NAME + "." + ENDPOINT + "/" + fileName;
    }
}

在上面的代码中，我们使用了阿里云 OSS 的 Java SDK，通过构建 OSS 客户端实例，实现了将文件上传到 OSS 的功能。其中，我们需要替换代码中的 ENDPOINT、ACCESS_KEY_ID、ACCESS_KEY_SECRET 和 BUCKET_NAME 参数为自己阿里云账号的相关信息。

3. 返回图片访问路径。上传成功后，需要将图片在 OSS 上的访问路径返回给前端，以便前端可以通过该路径访问图片。

以上就是将前端上传的图片存储到 OSS 的整个流程。需要注意的是，建议在后端上传图片时，对图片进行压缩和校验，以提高上传效率和安全性。