Xproer-松鼠 - 博客园

vue实现文件夹的上传

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

posted @ 2023-12-20 14:39 Xproer-松鼠阅读(1327) 评论(0) 推荐(0) 编辑

.Net +Ajax大文件断点续传

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

posted @ 2023-12-20 09:59 Xproer-松鼠阅读(12) 评论(0) 推荐(0) 编辑

vue3如何实现断点续传

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

posted @ 2023-12-19 18:32 Xproer-松鼠阅读(92) 评论(0) 推荐(0) 编辑

Vue.js实现大文件分片md5断点续传

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

posted @ 2023-12-19 17:03 Xproer-松鼠阅读(154) 评论(0) 推荐(0) 编辑

Vue+Node实现大文件上传和断点续传

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

posted @ 2023-12-19 14:51 Xproer-松鼠阅读(339) 评论(0) 推荐(0) 编辑

vue项目性能优化——断点续传

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

posted @ 2023-12-19 11:45 Xproer-松鼠阅读(325) 评论(0) 推荐(0) 编辑

Vue 大文件上传和断点续传的实现

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

posted @ 2023-12-19 10:05 Xproer-松鼠阅读(693) 评论(0) 推荐(0) 编辑

C#文件上传和下载

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

posted @ 2023-12-18 19:04 Xproer-松鼠阅读(83) 评论(0) 推荐(0) 编辑

C#文件上传与下载

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

posted @ 2023-12-18 17:30 Xproer-松鼠阅读(76) 评论(0) 推荐(0) 编辑

C# 文件上传及下载

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

posted @ 2023-12-18 14:21 Xproer-松鼠阅读(160) 评论(0) 推荐(0) 编辑

松鼠的博客

导航

统计

搜索

随笔分类

文章分类