当前位置: 首页 > news >正文

上传文件的后端程序handleFileUpload()、getOriginalFilename()、UUID

handleFileUpload()是Element UI中用于自定义文件上传行为的函数,通过http-request属性绑定实现。该函数会在文件选择后触发,负责处理文件上传逻辑,包括文件格式验证、上传进度控制及服务器交互等。

核心功能

  1. 文件验证‌:可添加文件类型、大小等验证逻辑,例如仅允许上传指定格式或小于特定大小的文件。
  2. 上传处理‌:调用自定义上传接口(如AJAX请求),需包含文件数据和必要的请求头(如token验证)。 ‌
  3. 交互反馈‌:支持上传成功/失败提示,并可通过file-list更新界面显示。

例子:前端

<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="file" > <br><input type="submit" value="上传文件" name="submit">
</form>

后端

    @PostMapping("/upload")public Result upload(String name, Integer age, MultipartFile file) throws IOException {log.info("接收参数: {},{},{}", name, age, file);//获取原始文件名String originalFilename = file.getOriginalFilename(); //1.jpg  22.2.2.2.png//新的文件名String extension = originalFilename.substring(originalFilename.lastIndexOf("."));String newFileName = UUID.randomUUID().toString() + extension;//保存文件file.transferTo(new File("D:/images/" + newFileName));return Result.success();}

注意事项

  • 兼容性‌:需确保后端支持自定义上传逻辑,避免直接使用默认action属性(通常需留空以满足组件校验)。
  • 安全性‌:建议通过https传输文件数据,并验证服务器响应状态。

 

http://www.hskmm.com/?act=detail&tid=24299

相关文章:

  • 从模拟入侵到渗透测试:我摸清了黑客的套路,也懂了企业的软肋 - 详解
  • 同样的Python代码,在Windows上运行没有错误,在Linux Centos上运行出行错误。
  • FreeBSD 14发布后的技术问题解析
  • handleFileUpload()
  • 实用指南:Typescript高级类型详解
  • 集合幂级数,FMT 与 FWT 学习笔记
  • 2025多校CSP模拟赛1
  • 上传文件前端需要注意的三个点:
  • AT_arc189_b [ARC189B] Minimize Sum
  • Jenkins安装与配备
  • 2025-10-04 60S读世界
  • 适合新手的PPT模板网站,简单操作但效果好!
  • 2025多校冲刺CSP模拟赛2 总结
  • pip list 可以查到某个包,但是,import某个包,出现 ModuleNotFoundError: No module named
  • 详细介绍:conda使用指南
  • 探索 Docker/K8s 部署 MySQL 的创新实践与优化技巧 - 详解
  • 基于Registry搭建docker加速镜像服务
  • mssql 无锁读取
  • 2025年四川大学计算机学院专硕考研经验分享
  • 基础数学拾遗
  • 2025多校冲刺CSP模拟赛2(普通的颓唐)
  • 模板大全
  • springCloudMaven打包配置 - br
  • springCloud打包时根目录配置和公共包打包配置 - br
  • 2025.10.4 - 10.17
  • 题解:P5504 [JSOI2011] 柠檬
  • Thymeleaf教程
  • Vmware虚拟机设置中处理器数量和内核内存再次探讨
  • VMware中Ubuntu迁移(复制)后进入紧急模式You are in emergency mode.
  • 太简单了!原来PS在线抠图可以这么玩,背景分离无压力