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

不念不忘少年蓝@ 2021-09-13 17:02 295阅读 0赞

## 使用阿里云的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-upload
      class="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和密码在这里：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnJqX25pdQ_size_16_color_FFFFFF_t_70]  
域名和存储空间  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnJqX25pdQ_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnJqX25pdQ_size_16_color_FFFFFF_t_70]: /images/20210913/c1708d2924144ab0b1d5e0b10f59eef4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bnJqX25pdQ_size_16_color_FFFFFF_t_70 1]: /images/20210913/8c9052c7f55c40eba23ea6ca7e499b4a.png