服务器端和客户端同步进度条的方法有哪些

Question

我不熟悉Spring boot和angular js。在我的控制器（角度文件上传）中--

app.controller('AppController_img', ['$scope', 'FileUploader','Restangular','ngDialog', function($scope, FileUploader,Restangular,ngDialog) {
    var uploader = $scope.uploader = new FileUploader({
        url: 'https://angular-file-upload-cors-srv.appspot.com/uploadI'
    });

在我的角文件上传控制器中的进度事件中，我有-

uploader.onProgressItem = function(fileItem, progress) {
      /*  console.info('onProgressItem', fileItem, progress);*/
        console.log(progress);
        $scope.abcd=true;
    };

在服务器端--

我使用了MultiPartFile。我正在尝试使用putObjectRequest方法将图像上传到Amazon服务器bucket（s3）。我将文件上传到bucket，但在前端，上传程序的进度条立即运行到99%，然后停止。我试着用谷歌搜索它，但找不到任何解决方案。

下面是参考代码-

@RequestMapping(value="/uploadI", method = RequestMethod.POST, consumes = MediaType.MULTIPART_FORM_DATA_VALUE)
 @ResponseBody
 public Success uploadImage( @RequestParam("file") MultipartFile file, HttpServletResponse response,final HttpServletRequest request)
         throws ServletException, IllegalStateException, IOException {

AmazonS3 s3client = new AmazonS3Client(credentials);   
String name = file.getOriginalFilename();
        InputStream is = file.getInputStream();
        String fileName = folderName + SUFFIX + name; 
String bucketName = "abc.in";
        String folderName = "xyz";          

         if (!file.isEmpty()) {
                try {

                    byte[] contentBytes = IOUtils.toByteArray(is);
                    Long contentLength = Long.valueOf(contentBytes.length);
                    ObjectMetadata metadata = new ObjectMetadata();
                    metadata.setContentLength(contentLength);
                    System.out.println(contentLength);
                    metadata.setContentType(file.getContentType());
                    PutObjectRequest putObjectRequest = new PutObjectRequest(
                            bucketName, fileName, file.getInputStream(), metadata)
                            .withStorageClass(StorageClass.ReducedRedundancy);


                    s3client.putObject(putObjectRequest);
}catch (Exception e) {
                    e.getStackTrace();
}
}

谢谢你经历了这些，如果你有任何线索，请告诉我

Answer 1

最好使用aws-javascript-sdk将内容上传到aws。

它确实通过诸如httpUploadProgress和httpDownloadProgress之类的函数提供进度状态