news 2026/3/28 2:37:42

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/3/26 20:30:48

开发人员一些实用的工具

网页免费翻译的插件?好用实用的翻译软件?YouTube开启中文字幕?作为技术开发人员,避免不了会闯进一些英文的网页,查询资料或者拓展新技术的时候,所以这个沉浸式翻译的插件是非常好用的。1、下载插件&#xf…

作者头像 李华
网站建设 2026/3/27 9:09:40

飞书知识库备份

目录 1、创建应用,添加机器人能力,添加应用为知识库管理员。方法如图: 2、获取到知识空间ID。 3、Java代码(递归调用) 1、创建应用,添加机器人能力,添加应用为知识库管理员。方法如图&#x…

作者头像 李华
网站建设 2026/3/27 8:34:13

网页数学公式编辑的革命性解决方案:MathLive 全面指南

网页数学公式编辑的革命性解决方案:MathLive 全面指南 【免费下载链接】mathlive A web component for easy math input 项目地址: https://gitcode.com/gh_mirrors/ma/mathlive 在当今数字化教育和技术文档领域,数学公式的在线编辑一直是个技术难…

作者头像 李华
网站建设 2026/3/27 5:29:38

如何让AI学会打游戏?深度拆解3个顶级游戏Agent训练案例

第一章:游戏AI的发展与挑战游戏人工智能(Game AI)作为计算机科学与娱乐产业交汇的重要领域,近年来经历了从规则驱动到学习驱动的深刻变革。早期的游戏AI主要依赖预设的行为树或状态机,例如在《吃豆人》中,每…

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

茈碧湖:不止是洱海之源,更有 “水花树” 奇观

在云南大理的苍山云弄峰下,有一片被群山温柔环抱的湖泊。它不如洱海那般声名远扬,却以一抹澄澈的碧色和湖中独有的花朵,静默地诠释着“源头”二字的清幽与纯粹。这里便是洱海之源——茈碧湖。茈碧湖的湖水清澈,色碧如玉。无论是春…

作者头像 李华