FileSaverWithProgress

FileSaverWithProgress

let ajax = new XMLHttpRequest();
      ajax.open("GET",item.url,true);
      ajax.addEventListener("progress", function(evt){
        if (evt.lengthComputable) {  
          var percentComplete = evt.loaded / evt.total;
          //Do something with download progress
          console.log("percentComplete " + percentComplete);
        }
      }, false); 
      ajax.onreadystatechange = function(){
        if(this.readyState == 4) {
          if(this.status == 200) {
            let strArr = item.url.split('/');
            let blob = new Blob([this.response], {type: "application/octet-stream"});
            let fileName = "fileName.mp4";
            saveAs(blob, fileName);
            _self.setState({downloadLoading: false});
          } else if(this.responseText != "") {
            _self.setState({downloadLoading: false});
          }
        } else if(this.readyState == 2) {
          if(this.status == 200) {
            this.responseType = "blob";
          } else {
            this.responseType = "text";
          }
        }
      };
      ajax.send(null);
    });