使用阿里云的OSS图片上传，这里是用的上传网络流

思路：
/**

文件上传到OSS
上传网络流
以下代码用于上传网络流：
1.通过element的el-upload插件，通过action发送请求到后台，
2.在后台同过MultipartFile获取文件信息
3.获取文件名，截取文件后缀名，并通过UUID生成随机的文件名，避免重复覆盖
4.我们做文件上传是借助的阿里云OSS
5.我们当时用的是OSS的上传网络流来做的
5.首先还需要一个自己OSS的一个域名Endpoint
6.自己的RAM子账号的id 密码
7.自己的OSS的存储空间
8.接下来就开始创建OSSClient实例。
9.上传网络流。
10.关闭OSSClient。
@param file
@return
@throws IOException
*/
1.Vue页面：通过element-ui 的插件el-upload中的action发送路径

<!--图片上传-->
<el-uploadclass="upload-demo"action="http://localhost:8089/file/uploadFileOSS.do":on-preview="handlePreview":on-remove="handleRemove":file-list="fileList"v-model="product.filePath":on-success="uploadSuccess"list-type="picture">文件上传：<img :src="product.filePath" width="50px" height="40px"/><el-button size="small" type="primary">点击上传</el-button><div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

2.在controller层进行接收：
前提：需要有个人的OSS的账户，用户名，密码都需要提前创建好

@RequestMapping("uploadFileOSS")
public String uploadFileOSS( MultipartFile file) throws IOException {//获取传过来的文件名String fileName = file.getOriginalFilename();//获取文件的后缀名String subfixFile =  subfixFile(fileName);//通过UUID和后缀名拼接新的文件名String newFileName = UUID.randomUUID()+subfixFile;//域名// Endpoint以杭州为例，其它Region请按实际情况填写。String endpoint = "http://oss-cn-beijing.aliyuncs.com";// 云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用RAM子账号进行API访问或日常运维，请登录 https://ram.console.aliyun.com 创建。//你自己的id和密码String accessKeyId = "yourAccessKey";String accessKeySecret = "yourAccessKey";//存储空间String backedName = "file-sunrj";//存储空间+域名String prefixUrl = "http://file-sunrj.oss-cn-beijing.aliyuncs.com";// 上传文件流。try {// 创建OSSClient实例。OSS  ossClient = new OSSClient(endpoint, accessKeyId, accessKeySecret);// 上传网络流。InputStream inputStream  = file.getInputStream();ossClient.putObject(backedName, newFileName, inputStream);// 关闭OSSClient。ossClient.shutdown();} catch (FileNotFoundException e) {e.printStackTrace();}return prefixUrl+"/"+newFileName;}

你的id和密码在这里：

域名和存储空间

使用阿里云的OSS图片上传，这里是用的上传网络流相关推荐

canvas里阿里云服务器oss图片跨域处理
图片img标签默认是可以跨域的,但是canvas中不允许跨域,所以在使用html2canvas.js将html代码转图片时,html中如果存在跨域图片就会报错.需要后台在阿里云上配置图片允许跨域.前端 ...
基于阿里云的OSS上传从简单实现到项目业务应用（一）入门了解篇
使用阿里云OSS 功能的准备工作环境准备环境要求使用Java 1.8及以上版本. 查看版本执行命令java -version查看Java版本. 安装方法一: 如果使用Maven 安装阿里云OS ...
阿里云存储OSS中设置上传文件content type
阿里云存储OSS中设置上传文件ContentType 如果你使用浏览器上传文件,则浏览器会自动在header中设置正确地content type,然后对文件的访问会得到正确地回应. 如果采用编程的方式 ...
文件大于50M的上传到阿里云的OSS时浏览器中会出现如下错误提示：Failed to load resource: net::ERR_CONNECTION_RESET解决
近期做文件上传到阿里云的OSS时,开始上传小文件没有任何问题,后来无意间上传了一些大于50M的文件, 浏览器中会出现如下错误提示:Failed to load resource: net::ERR_C ...
微信小程序图片/视频直传阿里云服务器OSS
阿里云官方文档: https://help.aliyun.com/document_detail/31925.html?spm=a2c4g.11186623.6.634.AMs4Fj 第一步(需要由后 ...
使用阿里云的oss对图片加水印并且字体大小自适应（阿里云oss暂不支持字体大小自适应）
使用阿里云的oss对图片加水印并且字体大小自适应(阿里云oss暂不支持字体大小自适应) 背景: 首先阿里云oss云对象存储是不能做到字体大小自适应的,因为在开发中我们的图片上传的尺寸是做不到固定大小宽 ...
阿里云 CDN + OSS 解决方案
前言直接使用阿里云的OSS+CDN的方案有几大好处: 成本低廉.OSS+CDN部署自己的网站每个月的花费远比自己买ECS服务器部署网站花费要少得多大幅降低运维成本.直接使用现成的云服务了,无需花精 ...
SpringBoot集成阿里云存储OSS服务
前言该文章会先简单的介绍一下阿里云的OSS存储,然后演示如何在SpringBoot项目中集成OSS,每一步都有记录,保证初学者也能看懂. 文章目录前言 1.阿里云存储OSS是什么? 2.Sprin ...
访问阿里云存储的图片URL实现在网页直接预览略缩图而不直接下载
在做谷粒学院项目时候,因为老师没有做轮播图的后台前端,这里我自己实现了一下,遇到一个问题,我先做出轮播图列表来: 这里阿里云存储的图片URL直接展示出来了,我觉得这里应该显示图片更好, 后来在网页里使 ...

使用阿里云的OSS图片上传，这里是用的上传网络流

使用阿里云的OSS图片上传，这里是用的上传网络流

使用阿里云的OSS图片上传，这里是用的上传网络流相关推荐

最新文章

热门文章