news 2026/8/21 20:02:31

HTML如何设计JQuery支持大文件上传的批量选择功能?

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
HTML如何设计JQuery支持大文件上传的批量选择功能?

今天早上又有网友加我微信,实际上我的微信号之前就已经在网上公开了,但是很多网友还是说找不到,这个就真没办法了。
昨天晚上又有一个网友给我发私信问了这个问题,他也是刚接触这一块,对这块的技术不是很了解,刚入职没多少,公司领导交给了他这个任务,私聊找到我希望我能帮他解决这个问题,最好是帮他把前端后端代码全部写完,然后教会他,昨天晚上先花了一个多小时帮他安装了Visual Studio开发工具,然后又帮他搭了一个测试环境,帮他编写了一些测试代码,又给他讲解这块的知识原理,一直到12点左右才下线。
昨天晚上一个网友给我发私信问了这个问题,这个网友是个大三的学生,也是计算机专业,是准备做毕业设计,然后刚好选的这个题目,希望能够一起探讨一下技术问题,平时对技术这块也是自己专研比较多,上学期间自学了asp.net,也自己做过一些项目,他们系的网站就是他负责开发的,可以说也是非常有能力的一个网友。
免费1对1教学,包教会。免费提供视频教程,免费提供开发文档,免费提供原理讲解,免费提供功能讲解,免费教学,免费提供7*24小时技术支持,技术支持包含不限于开发指导,部署指导,远程代码调试,业务逻辑的定制开发指导,比如公司这边有新的功能需求,或者业务定制开发需求,都可以免费提供,或者免费协助。
webform支持超大文件HTTP断点续传,asp.NET支持超大文件HTTP断点续传,C#.NET支持超大文件HTTP断点续传,
前端用了HTML,VUE2,VUE3,之前在网上也搜过相关的资料,论坛里面也有人交流过,也加过不少QQ群微信群,但是都不太令人满意。很多网友基本上都是学生,提供的回复不能说完全没有意义吧,只能说一文不值。网上的文章基本上大部分都是重复的,非常的凌乱,有些都是大学生写的毕业设计,也有一些提到了开源的方案,但是这些方案真心不咋滴,没人维护,没有技术支持,公司和客户之前都踩过坑。
分块这块的话主要了是为了考虑大文件的上传需求,比如1G,10G这种大文件,一次性上传肯定是不行。
离项目需求相差太远,公司这边需要的是一个成熟的商业解决方案,并且需要提供产品完整的源代码。网上的文章大部分都是在讲思路,而且文章的作者也没有实际的项目经验,不知道从哪里复制的一些代码就往上面发。
必须提供产品完整源代码,之前遇到过所谓的开源免费的坑,结果后来没人维护了,遇到了问题也没有人解决,所以现在技术那边的同事提了这个要求
尝试过HTML5,本地测试倒还行,但是部署在线上客户那边的正式环境就不太行了,差了点意思。总是有各种想象不到的问题,比如客户传的文件多了,网页卡。我们本地测试的时候没有问题,后来发现是用户那边电脑配置低了,但是又不能说让客户升级配置,客户那边的硬件环境也就那样,动不了,感觉HTML5的兼容性还是差了点意思,特别是向下兼容。有些系统还要支持IE,这基本上就凉了。
asp.net写后端的话,写起来是比较舒服一些。基本上也就是一句话搞定。
后端用了ASP.NET,.NET Core.NET MVC,IDE用了Visual Studio 2010,Visual Studio 2013,Visual Studio 2022,因为新项目和老项目都用了两种IDE。
要求能够在网页上面上传文件夹,文件夹里面大约有1万多个文件,有大有小,大的有1G~10G,小的有几MB,
要求支持断点续传,支持进度信息离线存储,用户可能传一半没有传完,下班了,明天上班后继续上传,电脑晚上到点需要关机,支持加密传输,支持国密加密算法SM4,
要求支持下载,支持非打包方式下载,
浏览器要求支持包含IE在内的所有浏览器,系统环境要求支持信创国产化,比如银河麒麟,中标麒麟,统信UOS,龙芯,数据库支持MySQL,Oracle,达梦数据库,人大金仓,
企业级文件传输解决方案,包含文件上传和下载功能,包含文件夹上传和下载功能,以及出色的跨浏览器构架设计,使得开发人员能够轻松的在不同的浏览器之前使用。满足企业跨浏览器使用需求,满足企业跨平台使用需求。满足企业信创国产化环境使用需求,满足企业内网使用需求,满足企业多项目使用需求,满足企业多产品使用需求,满足企业自主可控需求,满足企业自主研发需求。满足企业自主授权需求。满足企业专业技术支持服务需求
满足大型集团批量使用需求,满足央企加密安全使用需求,满足央企自主可控需求。
满足个人免费使用需求,满足个人开源项目使用需求,满足个人多项目使用需求,满足个人多产品使用需求,满足外包团队多项目使用需求,满足外包团队多产品使用需求,满足外包团队快速开发需求。满足个人免费技术支持需求。满足大视频上传需求
很多网友都对大文件上传如何分片非常感兴趣,实际上这个问题并不困难,通过调用浏览器的API就能够实现。
C#文件分片上传,断点续传,ASP.NET 怎么上传文件夹啊,不传压缩包!ASP.NET WEB API实现简单的文件下载与上传,ASP.NET大文件分片上传,
C#上传大型视频文件到服务器,解决方案,用C# 实现断点续传 (HTTP),ASP.NET实现文件夹的上传和下载,.NET使用WEBUPLOADER做大文件的分块和断点续传,ASP.NET实现文件上传和下载,
完美解决C#无法上传大文件方法,ASP.NET大文件(视频)上传方案,ASP.NET实现大视频上传,ASP.NET上传超大文件,完美解决ASP.NET无法上传大文件方法,
C#.NET支持超大文件HTTP切割上传,C#.NET支持超大文件HTTP切片上传,C#.NET支持超大文件HTTP分割上传,C#.NET支持超大文件HTTP分段上传,C#.NET支持超大文件HTTP分块上传,C#.NET支持超大文件HTTP分片上传,.NET mvc支持超大文件HTTP断点续传,.NET core支持超大文件HTTP断点续传,

设置框架

安装.NET Framework 4.7.2
https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472
框架选择4.7.2

添加3rd引用

编译项目

NOSQL

NOSQL无需任何配置可直接访问页面进行测试

SQL

使用IIS
大文件上传测试推荐使用IIS以获取更高性能。

使用IIS Express

小文件上传测试可以使用IIS Express

创建数据库

配置数据库连接信息

检查数据库配置

访问页面进行测试


相关参考:
文件保存位置,

效果预览

文件上传

文件刷新续传

支持离线保存文件进度,在关闭浏览器,刷新浏览器后进行不丢失,仍然能够继续上传

文件夹上传

支持上传文件夹并保留层级结构,同样支持进度信息离线保存,刷新页面,关闭页面,重启系统不丢失上传进度。

批量下载

支持文件批量下载

下载续传

文件下载支持离线保存进度信息,刷新页面,关闭页面,重启系统均不会丢失进度信息。

文件夹下载

支持下载文件夹,并保留层级结构,不打包,不占用服务器资源。

下载完整示例

下载完整示例

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/21 12:49:08

IINA:重新定义macOS视频播放体验的革命性工具

IINA:重新定义macOS视频播放体验的革命性工具 【免费下载链接】iina 项目地址: https://gitcode.com/gh_mirrors/iin/iina 还在为macOS平台寻找一款真正专业的视频播放器而困扰吗?IINA的出现彻底改变了这一现状。这款基于mpv引擎深度优化的开源播…

作者头像 李华
网站建设 2026/8/21 22:51:34

macOS屏幕录制新纪元:QuickRecorder专业配置手册

macOS屏幕录制新纪元:QuickRecorder专业配置手册 【免费下载链接】QuickRecorder A lightweight screen recorder based on ScreenCapture Kit for macOS / 基于 ScreenCapture Kit 的轻量化多功能 macOS 录屏工具 项目地址: https://gitcode.com/GitHub_Trending…

作者头像 李华
网站建设 2026/8/21 21:58:32

C++贪心———区间覆盖区间调度

一、什么是区间覆盖问题 “给你很多区间,让你用最少个数,覆盖一个目标区间” 二、区间覆盖贪心核心思想 按照左端点升序排序,当前要覆盖到 pos,在所有 L ≤ pos 的区间中,选择 r 最大的那个。 三、区间覆盖核心代码…

作者头像 李华
网站建设 2026/8/21 22:55:54

(工业控制Agent容错技术白皮书):从理论到落地的完整工程实践路径

第一章:工业控制Agent容错机制概述 在现代工业自动化系统中,控制Agent作为核心执行单元,承担着数据采集、逻辑判断与实时控制等关键任务。由于工业环境复杂多变,硬件故障、网络延迟、软件异常等因素可能导致Agent失效,…

作者头像 李华
网站建设 2026/8/21 3:38:31

ImageToSTL终极指南:快速将图片转换为3D打印模型

ImageToSTL终极指南:快速将图片转换为3D打印模型 【免费下载链接】ImageToSTL This tool allows you to easily convert any image into a 3D print-ready STL model. The surface of the model will display the image when illuminated from the left side. 项目…

作者头像 李华
网站建设 2026/8/21 13:30:48

基于微信小程序的陕西地区特色农产品团购平台

Spring Boot基于微信小程序的陕西地区特色农产品团购平台是一个集成了现代化信息技术与农产品销售的创新性平台。以下是对该平台的详细介绍: 一、平台背景与目的 该平台旨在利用Spring Boot框架的高效性和微信小程序的便捷性,为陕西地区的特色农产品提供…

作者头像 李华