html web 录音上传, 解决报错 required request part ‘file‘ is not present

网上找的录音上传源码(https://blog.csdn.net/a704397849/article/details/110621165) 拿来用,在最后的上传时报错

required request part 'file' is not present

如下图
在这里插入图片描述

出问题了当然是找解决办法,继续网上找,在博文 https://www.cnblogs.com/runwithraining/p/12114373.html 中有提到原因是 前端上传和后端接收的参数不对,把后端的接收参数 @RequestParam(“file”) MultipartFile file 改成 @RequestParam(“fileUpload”) MultipartFile fileUpload

但是在我现在的录音上传项目中一样改 还是不行,继续报上面的错误信息,想来还是上传的文件名问题。上面的参数名 ‘fileUpload’ 是那篇博主自己当时项目前端 上传文件指定的文件名 ,而我现在用到的录音上传js是第三方库record.js,估计上传的文件名是别的名字,所以呢 打开这个record.js 找到上传部分的代码,找到了上传录音文件名 是 ‘audioData’

在这里插入图片描述
将后端服务器接收参数改为 @RequestParam(“audioData”) MultipartFile audioData
后端接收代码

    @RequestMapping("/record/upload")
    @ResponseBody
    public String semanticRecordUpload(HttpServletRequest req, @RequestParam("audioData") MultipartFile audioData, Model m) {
        System.out.println("semanticRecordUpload:");
        JSONObject jo = new JSONObject();
        try {
            //上传的文件保存到指定位置
            audioData.transferTo(new File("C:\\Users\\18823\\Desktop\\record\\1234.mp3"));
        } catch (Exception e) {
            e.printStackTrace();
            jo.put("ret", "1");
            jo.put("msg", e.getMessage());
            return jo.toString();
        }
        jo.put("ret", "0");
        jo.put("msg", "ok");
        return jo.toString();
    }

重启项目再试 上传成功了!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 当在上传文件时出现"Required request part 'file' is not present"的错误时,可能有几个原因。首先,这个错误可能是因为获取上传文件的名字不唯一导致的。确保在HTML代码中的<input>标签的name属性设置为"file",并且确保只有一个<input>标签具有这个name属性。\[1\] 另外,这个错误也可能是因为在使用FormData对象时出现了问题。确保在JavaScript代码中正确地创建了FormData对象,并且使用append()方法将文件添加到FormData对象中。例如,可以使用以下代码来创建FormData对象并添加文件: var form = new FormData(); form.append("file", document.getElementById("file").files\[0\]); 此外,还有一种可能是使用Postman测试时出现了这个错误。确保在Postman中正确设置了请求的Content-Type为"multipart/form-data",并且在请求中包含了正确的文件参数名。\[2\] 最后,如果你使用的是Spring Boot框架,这个错误可能是由于缺少请求的文件部分导致的。确保在后端代码中正确处理文件上传请求,并且使用@RequestParam注解来指定请求中的文件参数名。\[3\] 综上所述,要解决"Required request part 'file' is not present"的错误,你需要确保获取上传文件的名字唯一,正确创建并使用FormData对象,正确设置Postman请求的Content-Type,以及在后端代码中正确处理文件上传请求。 #### 引用[.reference_title] - *1* [文件上传Required request part ‘file’ is not present](https://blog.csdn.net/qq_39851647/article/details/123192052)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Springboot文件上传接口,一直报Required request part ‘zipFile‘ is not present错误](https://blog.csdn.net/ylx1066863710/article/details/120652555)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [springcloud上传文件提示wMissingServletRequestPartException: Required request part ‘advert‘ is not ...](https://blog.csdn.net/qq_37844454/article/details/115306138)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值