基于springboot和vue实现oss上传
基于springboot实现oss上传
1 OSS对象存储
阿里云对象存储服务(Object Storage Service,简称 OSS),是阿里云提供的海量、安全、低成本、高可靠的云存储服务。OSS可用于图片、音视频、日志等海量文件的存储。各种终端设备、Web网站程序、移动应用可以直接向OSS写入或读取数据。
2 OSS相关概念
(1)Endpoint:外网访问oss服务器的域名,通过该域名可以访问OSS服务的API,进行文件上传、下载等操作。
(2)Bucket:存储空间,是存储对象的容器,所有存储对象都必须隶属于某个存储空间。
(3)Object:对象,对象是 OSS 存储数据的基本单元,也被称为 OSS 的文件(可以是.png,.txt等任意文件)。
(4)AccessKey:访问密钥,指的是访问身份验证中用到的 AccessKeyId 和 AccessKeySecret。
3 开通并设置阿里OSS
3.1 开通OSS服务
步骤1:登录到阿里云官网;
步骤2:点击下图所示"对象存储OSS"菜单。
3.2 创建存储空间Bucket
点击“创建Bucket”按钮。
按照下图填写bucket名称和相关配置后,点击“确认”保存即可!注意:读写权限应当选择“公共读”,否则上传的文件无法访问!
这样,我们的文件存储空间bucket就创建好了。
4 创建accessKeyId和accessKeySecret
短信验证后就可以获取到了accessKeyId和accessKeySecret了。
5 基于springboot代码实现oss上传
5.1 在pom.xml中加入oss依赖
<dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun-sdk-oss</artifactId><version>3.1.0</version>
</dependency>
5.2在properties中加入相关的配置
uposs.allowed-file-size-max=2MB 文件的大小,可根据需求自行设置
uposs.allowed-file-suffix=PNG,JPG,JPEG 文件上传的格式
uposs.aliyun.oss.endpoint=oss-cn-beijing.aliyuncs.com # oss对外服务的访问域名
uposs.aliyun.oss.bucketName=xxxx-xxxx #bucket的名称
uposs.aliyun.oss.accessKeyID=LTAI5t9wkfTMvJuVxUEevHpK # 访问身份验证中用到用户标识
uposs.aliyun.oss.accessKeySecret=n2cSXyT27Qqk0eBETSnSxRJpYLa93O# 用户用于加密签名字符串和oss用来验证签名字符串的密钥
5.3加入工具类,仅供参考
package com.weishu.weishusystemmanagement.utils;import com.aliyun.oss.OSSClient;
import com.aliyun.oss.model.ObjectMetadata;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;
import org.springframework.web.multipart.MultipartFile;import java.io.IOException;
import java.io.InputStream;
import java.net.URL;
import java.util.Date;
import java.util.Objects;
import java.util.UUID;/*** OSS工具类 - 阿里云OSS服务器工具类**/
@Component
public class OssUtil {/** 从配置文件获取阿里云OSS的相关配置*//*** 阿里云OSS的地域节点*/@Value("${uposs.aliyun.oss.endpoint}")private String endpoint;/*** 阿里云OSS的存储空间名称*/@Value("${uposs.aliyun.oss.bucketName}")private String bucketName;/*** 阿里云OSS的访问秘钥ID*/@Value("${uposs.aliyun.oss.accessKeyID}")private String accessKeyID;/*** 阿里云OSS的访问秘钥凭证*/@Value("${uposs.aliyun.oss.accessKeySecret}")private String accessKeySecret;/*** 阿里云OSS的存储空间的上传文件的存储目录*/
// @Value("${uposs.aliyun.oss.uploadSaveDir}")
// private String uploadSaveDir;/*** 上传文件** @param file 上传的文件* @return 上传成功之后文件的URL路径* @throws IOException IO异常*/public String uploadFile(MultipartFile file) throws IOException {//上传图片到OSSString fileUrl = uploadImg2OSS(file);//获取上传图片到OSS之后的URL路径String str = getURL(fileUrl);return str.trim();}/*** 上传图片到OSS** @param file 上传的文件* @return 上传文件的新的名称* @throws IOException IO异常*/@SuppressWarnings("deprecation")private String uploadImg2OSS(MultipartFile file) throws IOException {// 1.生成新的文件名称(以防止文件名称重复)String fileName = file.getOriginalFilename();String suffix = Objects.requireNonNull(fileName).substring(fileName.lastIndexOf(".")).toLowerCase();String uuid = UUID.randomUUID().toString().replace("-", "");String lastName = uuid + suffix;// 2.上传文件到OSSInputStream inputStream = file.getInputStream();// 2.1创建上传的Object的metadataObjectMetadata objectMetadata = new ObjectMetadata();objectMetadata.setContentLength(inputStream.available());objectMetadata.setCacheControl("no-cache");objectMetadata.setHeader("Pragma", "no-cache");objectMetadata.setContentType(FileUtil.getContentType(lastName.substring(lastName.lastIndexOf("."))));objectMetadata.setContentDisposition("inline;filename=" + lastName);//解决不能预览文件objectMetadata.setContentType("image/jpg");// 2.2上传文件OSSClient ossClient = new OSSClient(endpoint, accessKeyID, accessKeySecret);ossClient.putObject(bucketName, lastName, inputStream, objectMetadata);inputStream.close();return lastName;}/*** 获得URL链接** @param lastName 上传文件的新的名称* @return 文件上传成功之后文件的URL路径*/@SuppressWarnings("deprecation")private String getURL(String lastName) {// 设置URL的过期时间为20年, 即: 20*365*24*60*60*1000L 毫秒Date expiration = new Date(new Date().getTime() + 20*365*24*60*60*1000L);// 生成URLOSSClient ossClient = new OSSClient(endpoint, accessKeyID, accessKeySecret);URL url = ossClient.generatePresignedUrl(bucketName, lastName, expiration);// 去除URL的参数String tmp = url.toString().split("\\?")[0];int index = tmp.lastIndexOf("/") + 1;return tmp.substring(0, index) + tmp.substring(index);}}
5.4 前端访问controller返回上传oss后的文件路径
package com.weishu.weishusystemmanagement.controller;import com.weishu.weishusystemmanagement.utils.OssUtil;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;import java.io.IOException;
import java.util.ArrayList;
import java.util.List;@RestController
@RequestMapping("/ossUpload")
public class OssUploadController {@AutowiredOssUtil ossUtil; //引入工具类@RequestMapping("/upload")public String upload(MultipartFile file) throws IOException {String fileUrl = ossUtil.uploadFile(file); //调用上传的方法return fileUrl;//返回上传后的路径}}
基于springboot和vue实现oss上传相关推荐
- springboot整合阿里云oss上传的方法示例
这篇文章主要介绍了springboot整合阿里云oss上传的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 OSS申请和 ...
- SpringBoot整合阿里云OSS上传文件
一.需求分析 文件上传是一个非常常见的功能,就是通过IO流将文件写到另外一个地方,这个地方可以是项目下的某个文件夹里,或者是本地电脑某个盘下面,还可以是云服务OSS里面,这里就是我要讲到的OSS,我写 ...
- Springboot集成 阿里云OSS上传及下载
文章目录 使用手册 maven依赖及环境配置 定义配置bean及OSS工具类 定义UploadController和DownloadController 下载接口优化为返回重定向oss路径 遇到的问题 ...
- SpringBoot集成阿里云OSS上传文件
文章目录 前言 一.准备环境 1.在搜索框搜索 对象存储OSS 2.创建Bucket 3.找到开发相关信息 二.具体代码 1.Maven依赖 2.application.yml配置 3.AliOssP ...
- SpringBoot实现代码生成器——基于SpringBoot和Vue的后台管理系统项目系列博客(十)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- SpringBoot实现1对1、1对多、多对多关联查询——基于SpringBoot和Vue的后台管理系统项目系列博客(十八)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- SpringBoot和Vue集成Markdown和多级评论——基于SpringBoot和Vue的后台管理系统项目系列博客(二十三)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- SpringBoot实现分页查询——基于SpringBoot和Vue的后台管理系统项目系列博客(七)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- 【毕设精选】基于SpringBoot和Vue的相关系统
SpringBoot+Vue相关系统 前言 springboot330付费问答系统的设计与实现含文档附源码 springboot325基于Java的企业OA管理系统的设计与实现含文档附源码 sprin ...
最新文章
- pl/sql块的基本语法
- shell脚本常用命令
- 机器学习-Stacking方法的原理及实现
- vue报错vue-router.esm.js?8c4f:2062 Uncaught (in promise) Error: Avoided redundant navigation to curren
- jzoj6307-安排【归并排序】
- MySQL逻辑架构以及调优篇
- 清华同方计算机教程,清华同方电脑u盘重装系统win10教程
- 文件比较与同步工具——FreeFileSync
- 如何从一个USB上安装Windows Vista
- 循迹避障智能小车c语言程序,智能循迹避障小车完整程序lpar;亲测好使rpar;
- 关于N卡录制双音轨问题以及PR2020 注册机
- 每天学一个 Linux 命令(66):ss
- php 九宫格验证码,用php数字九宫格.
- win7旗舰版激活提示错误代码0x80072EE2的最简单解决办法
- 齐岳多吡啶萘酰亚胺荧光树形分子(PDPN),三萘嵌二苯二酰亚胺类近红外有机光功能分子定制,4-氨基-1, 8-萘酰亚胺类化合物
- 关于打码机色带应用及其调整方法
- Unseen Westeros:权力的游戏展览
- flask 模板渲染layui数据表格不显示以及显示不完全
- XMediaStream极速导播软件
- Java分割字符串、拼接字符串