前端如何调用@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发送请求来调用这个接口。

例如，使用jQuery库：

// 选择文件并上传
$('#file-upload').on('change', function() {
  var file = this.files[0];
  var formData = new FormData();
  formData.append('file', file);

  // 发送POST请求到/import-person
  $.ajax({
    url: '/excel/import-person',
    type: 'POST',
    data: formData,
    processData: false, // 不要处理数据
    contentType: false, // 不要设置Content-Type头部
    success: function(data) {
      console.log('上传成功！');
    },
    error: function(xhr, status, error) {
      console.error('上传失败：', error);
    }
  });
});

这里假设前端有一个`<input type="file" id="file-upload">`元素用于选择文件。选中文件后，通过AJAX发送POST请求到`/excel/import-person`接口，并将文件作为FormData对象的一部分发送。服务器端会自动调用`ImportController`中的`importPersonFile`方法处理请求，并将处理结果返回给前端。