前端如何调用@RestController @RequestMapping("/excel") public class ImportController { @Resource private ExcelComponent excelComponent; @PostMapping("/import-person") public Boolean importPersonFile(@RequestParam("file") MultipartFile file) throws IOException { excelComponent.importPersonFile(file); return true; }

在前端可以使用Ajax来调用这个接口。

示例代码：

// 导入Excel文件
function importExcel() {
  var fileInput = document.getElementById("fileInput");
  var file = fileInput.files[0];
  
  var formData = new FormData();
  formData.append("file", file);
  
  $.ajax({
    url: "/excel/import-person",
    type: "POST",
    data: formData,
    processData: false,
    contentType: false,
    success: function(response) {
      console.log(response);
      alert("导入成功！");
    },
    error: function(xhr, status, error) {
      console.error(xhr.responseText);
      alert("导入失败！");
    }
  });
}

其中，`fileInput`是一个输入框，用于选择要导入的Excel文件。`FormData`是一个用于封装表单数据的对象，通过`append`方法添加文件数据。

使用`$.ajax`方法发送POST请求，`processData`和`contentType`设置为`false`，表示不对数据进行序列化和设置请求头。`success`和`error`分别是请求成功和失败时的回调函数。在请求成功时，会打印响应结果并弹出一个提示框。在请求失败时，会打印错误信息并弹出一个提示框。