松鼠的博客

摘要： 问题： 前段时间做视频上传业务，通过网页上传视频到服务器。 视频大小 小则几十M，大则 1G+，以一般的HTTP请求发送数据的方式的话，会遇到的问题： 1、文件过大，超出服务端的请求大小限制； 2、请求时间过长，请求超时； 3、传输中断，必须重新上传导致前功尽弃； 探索过程： 1、原先咨询过组里的大 阅读全文

摘要： 本文将从零搭建前端和服务端，实现一个大文件上传和断点续传的 demo 前言 本文将从零搭建前端和服务端，实现一个大文件上传和断点续传的 demo 前端：vue element-ui 服务端：nodejs 文章有误解的地方，欢迎指出，将在第一时间改正，有更好的实现方式希望留下你的评论 大文件上传 整体 阅读全文

摘要： 对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及代码 阅读全文

摘要： 大文件上传： 前端部分：核心是利用 Blob.prototype.slice 方法，和数组的 slice 方法相似，调用的 slice 方法可以返回原文件的某个切片。 根据预先设置好的切片最大数量将文件切分为一个个切片，然后借助 http 的可并发性，同时上传多个切片。 这样从原本传一个大文件，变成 阅读全文

摘要： 断点续传是什么?断点续传（Resumable File Upload）是一种文件上传的技术，它允许在上传过程中出现中断或失败的情况下，能够从中断的位置继续上传，而不需要重新上传整个文件。这在处理大文件或不稳定的网络连接时非常有用。 断点续传的实现通常涉及以下几个关键概念和步骤： 分片：将大文件分割成 阅读全文

摘要： 一、上传按钮和进度条等 <div> <h2>上传文件</h2> <div ref="drag" class="drag"> <input class="file" type="file" @change="handlerChange" /> </div> <el-progress style="wi 阅读全文

摘要： 主要讲前端 ，后端使用node。会写一下后端的处理1.单个文件上传请求头为 multipart/form-data数据为 from-data格式 let formData = new FormData(); formData.append('file', _file); formData.appen 阅读全文

摘要： 上传文件大家应该都做过，前端直接把file文件传给后端就ok了，但是大文件这样传就会造成页面假死，体验极差。如果遇到网络不稳定的时候，中途上传失败的话，又要从头开始传，本来文件就大，还慢。所以今天我们用一种新方法-切片上传+断点续传 前端实现：页面上很简单，我就放了进度条和一个上传文件组件，你可以按 阅读全文

摘要： 文件上传是web开发中经常会遇到的 springboot的默认配置为10MB，大于10M的是传不上服务器的，需要修改默认配置 但是如果修改支持大文件又会增加服务器的负担。 当文件大于一定程度时，不仅服务器会占用大量内存，而且http传输极可能会中断。 可以采用切割分片上传 html5提供的文件API 阅读全文

摘要： <template> <div id="app"> <el-upload drag action :auto-upload="false" :show-file-list="false" :on-change="changeFile" > <i class="el-icon-upload"></i> 阅读全文