前端实现大数据量的上传文件和下载文件

xuxb000

于 2024-05-17 10:57:45 发布

阅读量202

点赞数

分类专栏： vue.js 文章标签：前端 vue.js

本文链接：https://blog.youkuaiyun.com/xiubinxu/article/details/138998791

版权

23 篇文章 ¥9.90 ¥99.00

订阅专栏

本文介绍了一个前端实现大数据量文件上传和下载的需求，面对120MB级别的数据，通过异步处理优化了用户体验。文件上传采用与后端协商，在文件上传完成后进行校验；文件下载则通过a标签触发，对于异常情况，建议添加预检接口来提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前几天做了一个需求，主要是数据的上传和下载。但是区别于之前的是，这个数据量有点大，最多有一百万条数据（大概有120MB）。如果不做一些特殊处理的话，那么用户的体验会非常的差。

思路：异步处理，和后端商量好，文件的一切校验统统等上传完成，他们拿到文件之后再进行。具体情况另外开一个页面展示上传的具体情况

// 上传组件（和普通上传组件无异，开箱即用，使用的若依框架）
<template>
  <el-dialog :title="title" width=

了解本专栏