当前位置: 首页 > news >正文

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

创建数据库

配置数据库连接信息

检查数据库配置

访问页面进行测试


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

效果预览

文件上传

文件刷新续传

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

文件夹上传

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

批量下载

支持文件批量下载

下载续传

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

文件夹下载

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

下载完整示例

下载完整示例

http://www.jsqmd.com/news/111132/

相关文章:

  • 车规级技术破局智慧巡检!诚芯智联渠道峰会解锁第二增长曲线
  • 2025记忆棉床垫厂家盘点:高口碑乳胶床垫厂家合集,闭眼选不 - 栗子测评
  • 9、应用程序安全保障全攻略
  • 【c++进阶】C++11新特性:一切皆可{}初始化
  • 广州 大模型备案与算法备案补贴政策解析
  • Charticulator图表定制实战指南:3步打造专业级数据可视化
  • 2025电梯品牌推荐盘点: 附亚太西奥电梯是几线品牌详解 - 栗子测评
  • 从繁琐到高效:招聘自动化系统优化招聘流程的关键步骤
  • 网站健康度核心:失效链接的系统性诊断与修复完整方案
  • 从78%降至3%!全网最实用的论文免费降aigc干货教程(附降AI工具合集) - 殷念写论文
  • 羊皮手套厂家哪家好?2025真皮手套厂家实力排行榜 - 栗子测评
  • 中国辅助驾驶“新竞赛”打响,高智价比AI芯片如何定义新标杆?
  • 2025国际机票怎么查更准?从实时价格、税费透明度分析机票查询平台 - 资讯焦点
  • 1218 年全国 IX 卷语文《追忆》真题解析
  • 深入解析:5G与物联网:推动智能城市发展的核心技术
  • Vim插件管理器VAM:零基础小白也能轻松驾驭的终极神器
  • 专业照明领域:制造商实力决定产品性能及应用价值
  • 12.16 标签(六) 表单标签 label
  • 2025上海全屋定制家具工厂权威排行 - 栗子测评
  • 2025弹簧床垫工厂哪家好?实测弹簧床垫厂家告诉你答案 - 栗子测评
  • 地平线生存之道
  • 为什么顶尖金融机构都在重构Agent审计日志?背后隐藏的4大合规趋势
  • 30、Linux迁移案例:企业与政府的开源实践
  • 10、网络设计元素与网络威胁防护
  • 2025年柱状活性炭厂家TOP5权威排行榜:优质品牌推荐与选购指南 - 深度智识库
  • Ramile智能工具:5分钟完成软件著作权代码提取的终极解决方案
  • Ramile智能工具:5分钟完成软件著作权代码提取的终极解决方案
  • GRETNA 2.0.0脑网络分析工具包:从入门到精通的完整指南
  • 丝苗米推荐:超500万用户力荐的口碑爆款 - 品牌测评家
  • 为什么你的Agent总无法恢复?这4个坑90%的人都踩过