下载文件时进度条不显示剩余百分比？

关键词：

【中文标题】下载文件时进度条不显示剩余百分比？【英文标题】：progress bar not show remaining by percent when download file? 【发布时间】：2021-10-28 19:28:21 【问题描述】：

我在 Angular 8 上工作，我遇到问题进度条不显示 部分下载

假设我下载数据然后 20% 然后 40% 直到到达

到 100% 但进度条停止到 100% 而不显示

还有什么

我的尝试

this._dataService.PostUpload(this.selectedoptions.toString(),this.fileToUpload)
 .subscribe((event: HttpEvent<any>) => 
  switch (event.type) 
    
    case HttpEventType.UploadProgress:
      this.progress = Math.round(event.loaded / event.total * 100);
      console.log(`Uploaded! $this.progress%`);
      break;
    case HttpEventType.Response:
      console.log('Upload successfully created!', event.body);
    
      FileSaver.saveAs(event.body, this.fileToUpload.name + '.xlsx')
      setTimeout(() => 
        this.progress = 0;
      , 1500);

  
)

html组件

<div class="col-md-4">
  <span class="upload" *ngIf="progress > 0">
    progress%
  </span>
</div>

更新帖子

我看到`上传了！控制台进度

但我的问题仍然是 100% 停止并且没有变化

那么进步有什么好处

我进步了，知道还剩下什么

见下图

【问题讨论】：

您是否在控制台中看到"Uploaded! [progress]"？这会将其缩小到获取事件的问题或渲染问题...... 【参考方案1】：

要报告进度事件，您必须在发出请求时将reportProgress option 设置为true。

【讨论】：

我将其设置为服务 您上传的文件有多大？如果它非常小，所有进度都会立即发生，因为整个文件是在一个数据包中发送的。 文件达到 100 kb 我的服务如下： PostUpload(selectedoptionsId, file):Observable const formData: FormData = new FormData(); formData.append('file', file,file.name); formData.append('selectedoptions',selectedoptionsId.toString()); return this.http.post(this.url + 'DeliverySys/Upload', formData,reportProgress: true,observe:'events', responseType: 'blob'); 这是一个非常小的文件；转移或多或少会立即发生，中间没有进展报告。尝试使用 50MB 的文件，看看会发生什么？

当 UITableView 单元格中的进度条不可见时，如何更新它们

...表。通过单击单元格上的按钮，我已成功实现将这些文件下载到设备。点击后，单元格上会出现一个 查看详情

如何在表格单元格中显示进度？

...载一个文件。文件下载时，我想在表格单元格中显示进度百分比。我该怎么做？下载文件代码NSArray*paths=NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask,YES 查看详情

下载大文件时在进度条上设置百分比不在 0 到 100 之间

】下载大文件时在进度条上设置百分比不在0到100之间【英文标题】：SetPercentagenotbetween0and100atProgressbarwhiledownloadinglargefiles【发布时间】：2019-05-2720:54:43【问题描述】：当我下载小.png文件时，我正在尝试从服务器下载文件，但在... 查看详情

在 Flutter 循环进度指示器中显示下载百分比

】在Flutter循环进度指示器中显示下载百分比【英文标题】：ShowdownloadpercentageintheFlutterCircularProgressIndicator【发布时间】：2020-12-0209:18:59【问题描述】：我正在使用Flutteradvance_pdf_viewer包来显示从URL加载的PDF文件。第一次打开时，PD... 查看详情

从android中的json get方法下载数据时使用百分比设置进度条

】从android中的jsonget方法下载数据时使用百分比设置进度条【英文标题】：SetProgressbarwithpercentagewhendatadownloadfromjsongetmethodinandroid【发布时间】：2018-03-1721:00:45【问题描述】：我想显示进度条，显示从json下载数据的百分比。现在... 查看详情

复制文件时显示进度百分比

】复制文件时显示进度百分比【英文标题】：Showprogresspercentagewhilecopyingfile【发布时间】：2017-12-2114:35:23【问题描述】：目前我正在从库中挑选一个文件并将其复制到指定的文件夹中。在复制时，我显示的是ProgressDialog，我正在... 查看详情

Dropzone.js 上传进度条不显示

...：2014-05-2003:02:57【问题描述】：我正在使用Dropzone.js进行文件上传，它运行良好，只是没有出现进度条。没有错误。我在网站的前端使用Bootstrap。上传文件后，如果我在Chrome中检查元素，我发现它及其父元素的高度均为0px：奇怪... 查看详情

[winfrom]下载文件并显示进度条的实现代码(代码片段)

...择保存路径，点击下载按钮进行下载，下载过程显示下载百分比和进度条。窗体：组件labelTextBoxButtonprogressBarsaveFileDialog获取saveFileDialog1文件名和路径Path.GetDirectoryName(saveFileDialog1.FileName)//获取文件名(不包括路径)P 查看详情

在recyclerview片段Reandroid中屏幕旋转后进度条不显示

】在recyclerview片段Reandroid中屏幕旋转后进度条不显示【英文标题】：progressbarnotshowingafterscreenrotationinrecyclerviewfragmentReandroid【发布时间】：2017-02-0400:07:14【问题描述】：我有RecyclerviewFragment它工作正常，但是当我更改屏幕旋转时... 查看详情

除非在 shift 键绕过模式下，否则进度条不显示

】除非在shift键绕过模式下，否则进度条不显示【英文标题】：Progressbarnotshowingunlessinshiftkeybypassmode【发布时间】：2012-05-0413:12:12【问题描述】：我有一个数据库，打开时不显示数据库窗口。相反，它显示一个总机。我确实有一... 查看详情

水平进度条不适用于 Asynctask Android 下载文件？

...使用Asynctask显示水平进度条，但它不适合我。它不是显示百分比进度量。我把我的xml和活动文件以及屏幕截图文件放在这里。布局xml<Relative 查看详情

安卓进度条不显示

】安卓进度条不显示【英文标题】：AndroidprogressBarnotshowing【发布时间】：2011-09-1621:33:22【问题描述】：我有一个应该在AsyncTask中运行的进度条，但它没有出现，尽管任务运行XML：<?xmlversion="1.0"encoding="utf-8"?><RelativeLayoutxmlns... 查看详情

.netmvc中使用webclient在后台下载文件，前台显示进度。

...,每间隔一段时间(2s)发一次请求来查看当前文件大小;进度百分比=当前大小/总大小. 查看详情

如何使用请求测量下载速度和进度？

...文件我每次都需要检查磁盘上文件的大小，因为我无法以百分比显示进度，我也想知道下载速度.我该怎么做呢？这是我的代码：importrequestsimportsysimporttimei 查看详情

计算并显示页面加载进度百分比

】计算并显示页面加载进度百分比【英文标题】：Calculate&Displaypercentageofprogressofpageload【发布时间】：2016-02-2214:30:01【问题描述】：我有一个加载器，它在页面开始加载时加载。我需要在其中显示完成百分比。我的应用程序包... 查看详情

jQuery 文件上传插件 - 开始/取消按钮和进度条不起作用

】jQuery文件上传插件-开始/取消按钮和进度条不起作用【英文标题】：jQueryfileuploadplugin-Start/CancelbuttonandProgressbardonotwork【发布时间】：2014-02-0913:18:17【问题描述】：在文档事件就绪时，问题是：TypeError:this.element.find(...).find(...).ea... 查看详情

在活动中显示下载管理器进度

...作正常，我的下一个任务是在我的活动中显示相同的进度百分比。我不知道该怎么做。到目前为止我的代码publicclassDownloadSampleBookextendsActivityprivatelong 查看详情

jquery文件上传进度条不准确

】jquery文件上传进度条不准确【英文标题】：jqueryfileuploadprogressbarinaccurate【发布时间】：2014-04-3020:45:07【问题描述】：我正在使用jquery文件上传(http://blueimp.github.io/jQuery-File-Upload/)插件。我的代码：$(\'#fileupload\').fileupload(url:\'serv... 查看详情