项目中文件上传注意事项

本地上传

前端代码:自己写的进行测试

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文件上传</title>
</head>
<body>
<form action="/upload" method="post" enctype="multipart/form-data">
    姓名: <input type="text" name="name"/><br/>
    年龄: <input type="text" name="age"/></br>
    图片: <input type="file" name="image"/><br/><br/>
    <input type="submit" value="提交"/>
</form>

</body>
</html>

上传文件的原始form表单,要求表单必须具备以下三点(上传文件页面三要素):

  • 表单必须有 file  域,用于选择要上传的文件。
  • 表单提交方式必须为 POST。
  • 表单的编码类型enctype必须要设置为 multipart/form-data。

后端代码:

需要用到IO流进行数据接收

***建议用IO框架来做

框架依赖:::

<dependency>
  <groupId>commons-io</groupId>
  <artifactId>commons-io</artifactId>
  <version>2.11.0</version>
</dependency>
@RestController
    public class FileUploadController {
        /**
        * 文件商城api
        * @param image 接收文件
        * @param name 接收前端传过来的name
        * @param age 接收前端端传过来的age
        * @return
        */
        @PostMapping("/upload")
        public Result uploadFile(@RequestPart("image") MultipartFile image, String name, Integer age) {
            //获取原始名称
            String originalFilename = image.getOriginalFilename();
            //目标文件
            File dest = new File("tlias/serverfile", originalFilename);
            try {
                //使用commons-io框架进行文件拷贝
                FileUtils.copyInputStreamToFile(image.getInputStream(),dest);
                return Result.success("提交成功:"+originalFilename + "," + name + "," + age);
            } catch (IOException e) {
                e.printStackTrace();
                return Result.error(e.getMessage());
            }
        }
    }

MultipartFile 常见方法:

getOriginalFilename():获取原始文件名
getContentType():获取文件的类型
getInputStream():获取文件的输入流
transferTo(File dest) :将上传的文件保存到目标文件中(Mac中测试有问题,可以使用流获取数据拷贝方式)
getBytes():获取文件的字节数组

阿里云oss

阿里云依赖:

<dependency>
    <groupId>com.aliyun.oss</groupId>
    <artifactId>aliyun-sdk-oss</artifactId>
    <version>3.15.0</version>
</dependency>

注意事项:

  • accessKeyId:阿里云账号AccessKey
  • accessKeySecret:阿里云账号AccessKey对应的秘钥
  • bucketName:Bucket名称
  • objectName:对象名称,在Bucket中存储的对象的名称
  • filePath:文件路径
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值