松鼠的博客

摘要： 在前端开发中，文件上传是一个常见的需求。而有时候，我们需要一次上传整个文件夹，而不是单个文件。本文将介绍如何使用Vue框架来实现文件夹的上传。 步骤一：准备工作 首先，我们需要在Vue项目中安装一个文件上传插件。在这里，我们将使用vue-upload-component插件，它提供了丰富的上传功能， 阅读全文

摘要： 什么是断点续传大文件断点续传指的是在上传或下载大文件时，当传输中断或出现错误时，可以通过记录已经传输的数据和位置，下次从中断的位置继续传输，避免重新开始传输整个文件的过程，从而提高传输效率和稳定性。 实现思路获取文件大小和已经传输的大小：在开始上传或下载文件之前，需要获取文件的总大小和已经传输的大小 阅读全文

摘要： 首先创建一个vue3项目 普通上传// template <input type="file" ref="uploadRef" @change="upload" /> // js setup function upload(event) { let files = event.target.file 阅读全文

摘要： 背景 根据部门的业务需求，需要在网络状态不良的情况下上传很大的文件（1G+）。其中会遇到的问题：1，文件过大，超出服务端的请求大小限制；2，请求时间过长，请求超时；3，传输中断，必须重新上传导致前功尽弃。解决方案实现思路，拿到文件，保存文件唯一性标识，切割文件、分片上传、文件MD5验证、断点续传、手 阅读全文

摘要： 源代码 断点续传、分片上传、秒传、重试机制 文件上传是开发中的难点， 大文件上传及断点续传 难点中的细节及核心技术点。 element-ui 框架的上传组件，是默认基于文件流的。 数据格式：form-data； 传递的数据： file 文件流信息；filename 文件名字 通过 fileRead. 阅读全文

摘要： 一、上传文件有两套方案1、基于文件流（form-data） element-ui上传组件默认是基于文件流的2、客户端把文件转化为BASE64，再传给后台 1、基于文件流方案代码用element-ui提供基于文件流的上传方案： <template> <div id="app"> <!-- action 阅读全文

摘要： 实现 Vue 大文件上传和断点续传需要掌握以下几个步骤： 分片：将大文件分割成若干个小块，便于上传。一般采用 Blob 对象或 ArrayBuffer 来实现。 上传：将分片文件上传到服务器。可以使用 XMLHttpRequest、Fetch 等工具进行上传。 断点续传：如果上传失败或上传过程中断开 阅读全文

摘要： 一. 在Form中一定要将encType设为"multipart/form-data"： <form id="WebForm3" method="post" encType="multipart/form-data" runat="server" > 二. 判断是否有文件上传了： 当用户没有选择任何 阅读全文

摘要： 上传文件 <input type="file" id="file" /><input type="button" id="upload" value="上传文件" /> <script> //上传 $("#upload").click(function () { var formData = new 阅读全文

摘要： 一、文件上传 首先创建一个简单的上传页面,如图: 然后,在后台编写文件上传方法: 1 /// <summary> 2 /// 上传文件 3 /// </summary> 4 /// <returns></returns> 5 public void FileUp() 6 { 7 //获取上传文件 8 阅读全文