使用axios下载blob文件,文件过大时超时

发布于 2022-09-12 02:53:16 字数 161 浏览 12 评论 0

下载大文件时只有开发者工具这里有显示,浏览器没有显示下载进度(用的谷歌浏览器),如果下载时间过长的话超时了就不会继续下载了,这种情况怎么解决呢?前端解决还是后端解决?怎么可以显示下载进度啊。 image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

弄潮 2022-09-19 02:53:16
axios({
    timeout: , // 设置超时时间
    onDownloadProgress: (event) => {
        // 进度查看
    }
})
深爱成瘾 2022-09-19 02:53:16
  1. 超时问题有两种

    1. 前端设置了 timeout,不设置即可
    2. 服务端断开了链接,服务端把时间改长点
  2. 进度的问题,前端发请求是有两个进度的,都可以监听用于显示

    1. 上传进度 前端培训-中级阶段(21)- xhr2、FormData(2019-10-17期)
      demo - http://www.lilnong.top/static/html/bug-test-img-upload-cut.html
    2. 下载进度 前端培训-初级阶段-场景实战(2019-06-06)-下载文件&下载进度
  3. axios 中的进度回调

      // `onUploadProgress` 允许为上传处理进度事件
      onUploadProgress: function (progressEvent) {
        // 对原生进度事件的处理
      },
    
      // `onDownloadProgress` 允许为下载处理进度事件
      onDownloadProgress: function (progressEvent) {
        // 对原生进度事件的处理
      },
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文