欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

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

发布时间:2024/3/26 编程问答 44 豆豆
生活随笔 收集整理的这篇文章主要介绍了 使用阿里云的OSS图片上传,这里是用的上传网络流 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

使用阿里云的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图片上传,这里是用的上传网络流的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。