spring boot项目中html页面通过ajax上传文件到后台

你的名字 2023-06-09 11:24 8阅读 0赞

#### Ajax上传文件到后台 ####

1，首先定义一个div，对文件的上传格式限制为xlsx

<div id="labelPage" style="display: none;margin-left: 10px;margin-right: 10px">
        <input type="file" id="file"  accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" >
    </div>

2，使用ajax发送请求

function f(index) {
            //获取到选中的文件
            var file = document.querySelector("#file").files[0];
            var formdata = new FormData();
            formdata.append("file",file);
            formdata.append("id",lableId);
            //使用ajax进行文件上传
            $.ajax({
                type: "POST",
                url: 后台接收的地址,
                data: formdata,
                dataType: 'json',
                processData: false, // 注意：让jQuery不要处理数据
                contentType: false, // 注意：让jQuery不要设置
                success: function (data) {
                	}
                });
         }

3,后台接收

@RequestMapping("/地址")
    public R lableUp(@RequestParam("file") MultipartFile file, @RequestParam("id") String id) throws Exception {
    
        if (file.isEmpty()) {
            throw new RRException("上传文件不能为空");
        }
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 spring boot项目中html页面通过ajax上传文件到后台

Ajax上传文件到后台 1，首先定义一个div，对文件的上传格式限制为xlsx <div id="labelPage" style="display: none

你的名字/ 2023年06月09日 11:24/ 0 赞/ 9 阅读

相关 Spring Boot文件上传

如何上传 Controller @RequestMapping(value = "upload/image", method = RequestMethod.P

朱雀/ 2023年02月13日 08:09/ 0 赞/ 52 阅读

相关 java ajax 文件上传_在HTML5里用Ajax上传文件到Java Servlet

HTML5带来一个很棒的功能，就是能够使用XMLHttpRequest版本2上传文件。现代Gecko和WebKit浏览器，包括一个完美的对象参数formdata，允许结合既

矫情吗；*/ 2022年11月03日 10:53/ 0 赞/ 40 阅读

相关 ajax上传文件到aspx,ajaxFileUpload向ASPX后台上传文件

在使用 $.ajaxFileUpload(\{ url: "../../Others/UploadFileHandler.ashx",fileElementId: "fil

￡神魔★判官ぃ/ 2022年09月03日 15:20/ 0 赞/ 221 阅读

相关后台处理数据通过 Ajax 中 success 函数传到页面

1.后台封装好数据 ... Map<String, String> map = new HashMap<String, String>(); map.put("1"

刺骨的言语ヽ痛彻心扉/ 2022年07月14日 06:27/ 0 赞/ 219 阅读

相关 ajax上传图片到后台【formData】

在平时的项目中，我们会遇到各种各样的上传图片，大多数情况下我们会选择各种各样的插件进行上传，然后返回一个图片url，在进行相关其他业务如果不用各种插件，运用ajax实现页面

小灰灰/ 2022年06月03日 22:11/ 0 赞/ 360 阅读

相关 Spring Boot上传文件到数据库

之前介绍了Spring boot利用wangEditor实现图片上传，其实本质是图片上传和文件上传是同样的一回事，我之所以要重新讲文件上传是因为这里跟之前的图片上传有一点差别。

短命女/ 2022年06月02日 06:17/ 0 赞/ 505 阅读

相关 Spring Boot 文件上传

本文介绍Spring Boot搭建的Web项目如何上传文件配置 Spring Boot默认提供了文件上传相关的组件，相关配置类`MultipartAutoConfig

电玩女神/ 2022年03月15日 07:46/ 0 赞/ 324 阅读

相关 spring boot --- 文件上传

在spring mvc 中，对文件上传做了简化，但是在spring boot 中更对文件上传做了简化，在java 中文件上传共需要涉及到两个组件，一个是CommonsMu

Dear 丶/ 2022年03月10日 06:42/ 0 赞/ 309 阅读

相关 Spring Boot中实现文件上传

Spring Boot中实现文件上传前言创建Controller 创建前端页面(表单提交) ajax方式提交多文件上传前言

灰太狼/ 2021年11月04日 18:01/ 0 赞/ 422 阅读