java和vue如何实现上传文件显示进度条

Java和Vue可以使用AJAX技术实现上传文件显示进度条。具体实现步骤如下：

前端Vue使用FormData对象构建上传请求，同时监听上传进度事件。

let formData = new FormData();
formData.append('file', file);

axios.post(url, formData, {
  onUploadProgress: function(progressEvent) {
    // 计算上传进度并更新进度条
    let progress = Math.round((progressEvent.loaded / progressEvent.total) * 100);
    // 更新进度条
  }
});

后端Java使用Servlet接受上传请求，同时监听输入流读取进度事件，并将进度信息返回给前端。

@MultipartConfig
public class UploadServlet extends HttpServlet {
  @Override
  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    Part filePart = request.getPart("file");
    InputStream inputStream = filePart.getInputStream();
    byte[] buffer = new byte[4096];
    int bytesRead;
    long totalBytesRead = 0;
    long fileSize = filePart.getSize();
    while ((bytesRead = inputStream.read(buffer)) != -1) {
      totalBytesRead += bytesRead;
      // 计算上传进度并返回给前端
      int progress = (int) Math.round((double) totalBytesRead / fileSize * 100);
      response.getWriter().write(progress);
    }
  }
}

通过以上步骤，就可以实现在文件上传过程中显示进度条。需要注意一点，前端和后端的代码都需要进行优化，以避免大文件上传时出现内存溢出或性能问题。