文件上传到oss文件服务器

最新推荐文章于 2024-07-04 21:08:25 发布

周一♡

最新推荐文章于 2024-07-04 21:08:25 发布

阅读量1.4k

点赞数 3

文章标签：服务器 java 运维

本文链接：https://blog.csdn.net/qq_55682798/article/details/125231219

版权

本文介绍了如何将文件上传到阿里云OSS服务器，包括引入依赖和代码实现。同时，讲解了使用ElementUI进行异步上传的前后端步骤，以及在保存用户信息时如何处理头像上传。

摘要由CSDN通过智能技术生成

1.普通的文件上传到oss文件服务器

（1）引入阿里云的oss依赖

（2）代码的书写

@RequestMapping("/upload03")
    public String upload03(MultipartFile myfile,HttpServletRequest request){
        // Endpoint以华东1（杭州）为例，其它Region请按实际情况填写。
        String endpoint = "oss-cn-hangzhou.aliyuncs.com";

        //LTAI78XQAZq2s5Rv
        //qdyZxR0x4LoUpTVbuyvCGdcrhEyw7H
        // 阿里云账号AccessKey拥有所有API的访问权限，风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维，请登录RAM控制台创建RAM用户。
        String accessKeyId = "LTAI78XQAZq2sv";
        String accessKeySecret = "qdyZxR0x4LoUpTVbuyvC";
        // 填写Bucket名称，例如examplebucket。
        String bucketName = "wjkwtt";
        //你上传到oss后的名字 会根据日期帮你创建文件夹。
        Calendar calendar=Calendar.getInstance();
        String objectName =calendar.get(Calendar.YEAR)+"/"+(calendar.get(Calendar.MONTH)+1)+"/"+
                calendar.get(Calendar.DATE)+"/"+UUID.randomUUID().toString().replace("-","")+
                myfile.getOriginalFilename();

        // 创建OSSClient实例。
        OSS ossClient = new OSSClientBuilder().build(endpoint, accessKeyId, accessKeySecret);

        try {
            InputStream inputStream =myfile.getInputStream();
            // 创建PutObject请求。
            ossClient.putObject(bucketName, objectName, inputStream);
        } catch (Exception oe) {

        } finally {
            if (ossClient != null) {
                ossClient.shutdown();
            }
        }
        
        String url="https://"+bucketName+"."+endpoint+"/"+objectName;
        request.setAttribute("imgUrl",url);
        return "success.jsp";
    }

3. elementui 异步上传OSS服务器

（1）前端

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <!--引入element得css样式-->
    <link type="text/css" rel="stylesheet" href="css/index.css"/>
    <!--引入vue得js文件 这个必须在element之前引入-->
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/qs.min.js"></script>
    <script type="text/javascript" src="js/axios.m

最低0.47元/天解锁文章

周一♡

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
文件上传到oss文件服务器

（1）引入阿里云的oss依赖（2）代码的书写3. elementui 异步上传OSS服务器（1）前端（2）后端工具:(3) controller接口4. 保存用户信息--头像（1）前端的布局(2)后台代码
复制链接

扫一扫