前端后端文件上传交互

用了jsp里面的multipart/form-data来上传文件,然后后端处理了以后又要返回数据给jsp,,这种场景怎么做啊

参考前端传递的值结构来选择后端接受的值的结构,然后再后端按照要求做处理。题主可以将前端和前端传递的值展示一下吗

你可以参考我发布的这篇博客,很好的解决了你所提到的问题!https://www.cnblogs.com/yqPhare/p/15958157.html

将jsp中上传方式更改为ajax上传方式,上传成功返回结果可以在success回调操作


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>
  </head>
  <body>
    <input type="file" id="file" />
    <button onclick="submit()">提交</button>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
      function submit() {
        var files = $("#file")[0].files;
        var formData = new FormData();
        formData.append("avatar", files[0]);
        $.ajax({
          type: "POST",
          url: "接口",
          data: formData,
          success: function (res) {
            // 接口返回回调
            console.log(res);
          },
        });
      }
    </script>
  </body>
</html>