@PostMapping("/addAdvert") @ApiOperation(value = "新增广告") public JsonData<String> addAdvert(@RequestBody AdvertDTO advertDto, MultipartFile file) ,前端如何调用
时间: 2024-02-02 19:04:43 浏览: 68
前端可以使用ajax来进行请求,示例代码如下:
```javascript
// 构造请求体
const formData = new FormData();
formData.append('file', file); // 注意,这里的 file 参数需要根据具体的文件上传组件来获取
// 构造请求参数
const params = {
advertDto: {
// advertDto 中的具体参数需要根据 API 接口的要求来设置
title: '广告标题',
content: '广告内容',
}
}
// 发送请求
$.ajax({
url: '/addAdvert',
type: 'POST',
data: formData,
params: params,
contentType: false,
processData: false,
success: function (res) {
console.log(res);
// 处理成功后的逻辑
},
error: function (err) {
console.error(err);
// 处理失败后的逻辑
}
});
```
需要注意的是,由于这里是用的是`multipart/form-data`类型的数据,所以需要设置`contentType: false`和`processData: false`,以告诉jQuery不要将数据处理成`query string`类型的数据。同时,文件上传需要使用`FormData`对象来构造请求体。
阅读全文