Ant Design Pro + springboot实现文件上传功能

前端代码

<a-upload
  :fileList="fileList"
  :beforeUpload="beforeUpload"
  :customRequest="customRequest"
>
  <a-button style="margin-left: 50px" type="primary" ref="btn">导入配置文件 </a-button>
</a-upload>

注意:fileList 、 beforeUpload、customRequest需要放在data中。

data(){
	return{
.....
 fileList:[],
 beforeUpload:(file,UpFileList)=>{
        // file:上传单个文件时候的文件内容,UpFileList:上传多个文件时的文件内容组成的数组
        // 1、控制文件数量
        if (this.fileList.length + UpFileList.length > 10) {
          this.$message.warning('超过文件上传数量限制');
          // 设置上传的文件为错误状态
          file.status = 'error';
          return false
        };
        // 2、控制上传的文件大小
        if (file.size > 1073741824) {
          this.$message.warning('文件大小超过最大限度1G');
          file.status = 'error';
          return false
        };
        // 3、控制上传文件不能为空
        if (file.size === 0) {
          this.$message.warning('所选信息中存在空文件或目录,请重新选择')
          file.status = 'error';
          return false
        };
        // 4、控制已上传文件不重复
        this.fileList.map(item=>{
          if(item.name===file.name){
            this.$message.warning('不允许重复上传');
            file.status = 'error';
            return false
          }
        })
      },
 customRequest:file=>{
        const form = new FormData();
        form.append('file',file.file);
        console.log("=",file.file);
        axios({
          url:'http://localhost:8000/ConfiguresInfo/Configures/uploadFigure',
          method:'post',
          data:form,
          headers:{'Content-Type':'multipart/form-data'},
        }).then(
          response => {
            //console.log()
            console.log("请求成功",response.data);
            if (response.data.code==200){
              alert("解析成功");
              this.$router.push({ path: '/fastcomfigure/fast'});
              this.$refs.table.refresh(true);
            }else {
              alert("文件格式错误,请重新上传文件");
              this.$refs.table.refresh(true);
            }
          },
          error =>{
            console.log(error.mesage);
            alert("文件格式错误,请重新上传文件");
            this.$router.push({ path: '/fastcomfigure/fast'});
        }
        )
      },
.....
	}
}

后端代码

@ApiOperation(value = "导入文件")
    @PostMapping("/uploadFigure")
    public HashMap uploadConfigure(@RequestPart("file") MultipartFile file) throws Exception {
        Logger logger = LoggerFactory.getLogger(getClass());
        ConfiguresEntiry configuresEntiry = new ConfiguresEntiry();
        configuresEntiry.setOperateName("admin");
        configuresEntiry.setCreateTime(new Date());
        try (InputStream inputStream = file.getInputStream()) {
            parseAndPopulateConfiguresEntiry(file.getOriginalFilename(), inputStream, configuresEntiry);
            configureService.save(configuresEntiry);
            return createSuccessResponse();
        } catch (IOException | ParserConfigurationException | SAXException e) {
            logger.error("Failed to process uploaded configure file", e);
            return createFailureResponse(e);
        }
    }
    private void parseAndPopulateConfiguresEntiry(String originalFilename, InputStream inputStream,
                                                  ConfiguresEntiry configuresEntiry) throws Exception {
        String[] split = originalFilename.split("\\.");
        configuresEntiry.setName(split[0]);
        configuresEntiry.setFileformat("xml");
        ArrayList<Troops> troopsList = new ArrayList<>();
        Document doc = buildDocument(inputStream);
        NodeList unitNodes = doc.getElementsByTagName("Unit");
        for (int i = 0; i < unitNodes.getLength(); i++) {
            Element unitElement = (Element) unitNodes.item(i);
            Troops troops = new Troops();
            troops.setId(String.valueOf(i + 1));
            troops.setConnect(unitElement.getAttribute("dllName"));
            troops.setIcon(unitElement.getAttribute("iconDir"));
            troops.setUnitname(unitElement.getAttribute("name"));
            troops.setType(unitElement.getAttribute("type"));
            troops.setNumber(Integer.valueOf(unitElement.getAttribute("step")));
            if (unitElement.hasAttribute("range")) {
                troops.setRange(Integer.valueOf(unitElement.getAttribute("range")));
            }
            troopsList.add(troops);
        }
        configuresEntiry.setTroops(JSON.toJSONString(troopsList));
    }
    private Document buildDocument(InputStream inputStream) throws Exception {
        DocumentBuilderFactory dbFactory = DocumentBuilderFactory.newInstance();
        DocumentBuilder dBuilder = dbFactory.newDocumentBuilder();
        return dBuilder.parse(inputStream);
    }
    private HashMap createSuccessResponse() {
        HashMap  response = new HashMap<>();
        response.put("code", 200);
        response.put("message", "success");
        return response;
    }
    private HashMap createFailureResponse(Exception s) {
        HashMap response = new HashMap<>();
        response.put("code", 500);
        response.put("message", s);
        return response;
    }

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/559716.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Python的Logging模块高级用法-日志处理

&#x1f47d;发现宝藏 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。 探索Python中的日志处理&#xff1a;Logging模块的高级用法 在Python应用程序中&#xff0…

lementui el-menu侧边栏占满高度且不超出视口

做了几次老是忘记&#xff0c;这次整理好逻辑做个笔记方便重复利用&#xff1b; 问题&#xff1a;elementui的侧边栏是占不满高度的&#xff1b;但是使用100vh又会超出视口高度不美观&#xff1b; 解决办法&#xff1a; 1.获取到侧边栏底部到视口顶部的距离 2.获取到视口的高…

【动态规划】dp 路径问题(不同路径、路径最小和、地下城游戏...)

文章目录 1. 前言 - 理解动态规划算法1.5 关于dp路径问题2. 例题2.1_不同路径Warning. 关于状态表示 3. 算法题3.1_不同路径II3.2_珠宝的最高价值3.3_下降路径最小和3.4_最小路径和3.5_地下城游戏关于状态表示的两种选法&#xff1a; 1. 前言 - 理解动态规划算法 关于 动态规划…

Pytorch 之torch.nn初探 池化--Pooling Layers

任务描述 本关任务&#xff1a;本关提供了一个Variable 类型的变量x&#xff0c;要求按照条件创建一个Conv2d变量conv&#xff0c;一个MaxPool2d变量pool&#xff0c;对x应用卷积和最大池化操作并赋值给变量outpout_pool&#xff0c;并输出outpout_pool 的大小。 相关知识 P…

Blerden4.1基础操作方法

软件安装 下载软件地址 中文文档 偏好设置 编辑——》偏好设置——》界面——》设置分辨率缩放 1.20 方便观看字体 设置快捷键 是为了方便几个3d软件都变成同一种操作方式 这样就不会自己搞混了 编辑——》偏好设置——》键位映射——》3D视图——》3D视图&#xff08;全局…

将windows作为网关

开启转发 reg add HKLM\SYSTEM\CurrentControlSet\Services\Tcpip\Parameters /v IPEnableRouter /D 1 /f开启routing and remote access服务 这样局域网里面别的设备能通过windows进行上网 参考&#xff1a;https://www.cnblogs.com/chrishg/articles/12861053.html

Springboot+Vue项目-基于Java+MySQL的房屋租赁系统(附源码+演示视频+LW)

大家好&#xff01;我是程序猿老A&#xff0c;感谢您阅读本文&#xff0c;欢迎一键三连哦。 &#x1f49e;当前专栏&#xff1a;Java毕业设计 精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; &#x1f380; Python毕业设计 &…

OceanBase V4.2特性解析:用 Show Trace 快速定位数据库性能瓶颈

在数据库日常运维中&#xff0c;当遇到慢SQL问题时&#xff0c;若无法迅速查明原因&#xff0c;将极大地影响用户的使用感受&#xff0c;甚至可能引发业务或服务的中断。相较于单机数据库&#xff0c;分布式数据库系统因其涉及多个节点和多组件的协同工作&#xff0c;集群规模可…

短视频流媒体平台的系统设计

1. 功能需求: 我们的系统有两类参与者 内容创作者 •上传任何类型的视频&#xff08;格式编解码器&#xff09;•视频可以被删除•视频元数据•必填项: 标题&#xff0c;作者&#xff0c;描述•选填项: 分类/标签列表•可以随时更新•当视频对观众可用时&#xff0c;向内容创作…

怎么把相机储存卡里的照片导出来?介绍两种方法

随着摄影技术的不断发展和普及&#xff0c;相机已成为我们记录生活、捕捉美好瞬间的设备。然而&#xff0c;对于许多摄影爱好者来说&#xff0c;如何将相机储存卡里的照片安全、高效地导出到电脑或其他设备中&#xff0c;却成为了一个令人头疼的问题。本文将为您详细介绍从相机…

17.C++常用的算法_集合算法

文章目录 遍历算法1. set_intersection()代码工程运行结果 2. set_union()代码工程运行结果 3. set_difference()代码工程运行结果 遍历算法 1. set_intersection() 代码工程 /*1.求交集的两个集合必须是有序序列*/ /*2.目标容器开辟空间需要从两个容器中取较小值*/ /*3.set…

小程序中使用HTTPS调用自带文本安全内容检测接口(msg_sec_check)的实现方法

在小程序中调用自带的文本安全内容检测接口&#xff0c;你需要使用小程序提供的wx.request方法。以下是一个示例代码&#xff1a; javascript代码: // 假设你已经获取了access_token,如果不知道如何获取&#xff0c;可以参考我上一篇文章 const access_token 你的access_tok…

【结构型模式】外观模式

​一、外观模式概述 外观模式定义与意图&#xff1a;外观类为复杂的子系统提供了一个统一的入口。外观模式定义了一个高层接口&#xff0c;这个接口使得这一子系统更加容易使用。&#xff08;对象结构型模式&#xff09; 外观模式的特点&#xff1a; 1.又叫做门面模式&#xf…

电磁炉原理笔记

电磁炉加热原理 【电磁炉工作原理&#xff0c;电涡流感应加热原理】 https://www.bilibili.com/video/BV11M411M7Wt/?share_sourcecopy_web&vd_source44c5c5fe44538189ece80f09460cf625 我是看的这个科普视频&#xff1b; 总结一下就是下图&#xff1a; 线圈的磁场影响…

链表判环问题

1、为什么slow走一步&#xff0c;fast走两步&#xff0c;会不会错过&#xff1f;请证明。 假设slow进环的时候fast和slow之间的距离时N&#xff0c;slow进环以后&#xff0c;fast开始追击slow每走一步&#xff0c;fast走2步&#xff0c;他们之间的距离缩小1. fast和slow之间的…

“三步走”带你拿下C++类与对象(下)

在学习了“上”篇和“中”篇后&#xff0c;我们对类和对象以及一些析构函数有了一定的理解&#xff0c;本文我们将继续深入讲解有关的其他内容。 一、初始化列表的引入 我们以之前的队列为例子&#xff08;创建两个队列一个用于入栈一个用于出栈&#xff09; 这个myqueue对内…

全志R329 AP6256 蓝牙调试

1、在全志r329平台移植AP6256,移植了一个星期,记录下过程。 2、本来产品只需要wifi,不需要蓝牙的。但是我们使用的是正基AP6256的wifi、BT二合一的模组。 该模块只要有BT功能就需要做BT的3C认证。 好吧。 1、获取调试蓝牙的几个工具 两个方法: 1.1、方法一:自己交叉…

蓝桥杯2024年第十五届省赛真题-爬山

贪心优先队列的题&#xff0c;贪心会漏一个情况&#xff0c;不知道怎么处理&#xff0c;这里直接打表了 2 1 1 48 49 答案是30&#xff0c;贪心是31 专有名词&#xff1a;hack-有新的测试点过不了 #include<bits/stdc.h> using namespace std; #define endl \n #define …

QT C++ sqlite 对多个数据库的操作

//本文描述&#xff0c;QT 对多数据库的操作。 //你可能会想&#xff0c;多数据库的操作时&#xff0c;查询语句怎么知道是哪个数据库。 //QT提供了这样一种构造函数 QSqlQuery(const QSqlDatabase &db) //指定数据库 //在QT6.2.4 MSVC2019调试通过。 //效果见下图&am…

HarmonyOs开发:导航tabs组件封装与使用

前言 主页的底部导航以及页面顶部的切换导航&#xff0c;无论哪个系统&#xff0c;哪个App&#xff0c;都是最常见的功能之一&#xff0c;虽然说在鸿蒙中有现成的组件tabs可以很快速的实现&#xff0c;但是在使用的时候&#xff0c;依然有几个潜在的问题存在&#xff0c;第一&a…
最新文章