松鼠的博客

导航

2020年4月27日 #

SpringMVC 超大文件上传解决方案:分片断点上传(一)

摘要: javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1. 通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Upl 阅读全文

posted @ 2020-04-27 17:53 Xproer-松鼠 阅读(164) 评论(0) 推荐(0)

JSP 超大文件上传解决方案:分片断点上传(一)

摘要: 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度条 阅读全文

posted @ 2020-04-27 16:16 Xproer-松鼠 阅读(205) 评论(0) 推荐(0)

PHP 超大文件上传解决方案:分片断点上传(一)

摘要: 核心原理: 该项目核心就是文件分块上传。前后端要高度配合,需要双方约定好一些数据,才能完成大文件分块,我们在项目中要重点解决的以下问题。 * 如何分片; * 如何合成一个文件; * 中断了从哪个分片开始。 如何分,利用强大的js库,来减轻我们的工作,市场上已经能有关于大文件分块的轮子,虽然程序员的天 阅读全文

posted @ 2020-04-27 15:34 Xproer-松鼠 阅读(185) 评论(0) 推荐(0)

JavaScript 超大文件上传解决方案:分片断点上传(一)

摘要: 1 背景 用户本地有一份txt或者csv文件,无论是从业务数据库导出、还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候,首先要将本地文件上传至ODPS,普通的小文件通过浏览器上传至服务器,做一层中转便可以实现,但当这份文件非常大到了10GB级别,我们就需要思考另一种 阅读全文

posted @ 2020-04-27 14:42 Xproer-松鼠 阅读(537) 评论(0) 推荐(0)

JS 超大文件上传解决方案:分片断点上传(一)

摘要: 之前仿造uploadify写了一个HTML5版的文件上传插件,没看过的朋友可以点此先看一下~得到了不少朋友的好评,我自己也用在了项目中,不论是用户头像上传,还是各种媒体文件的上传,以及各种个性的业务需求,都能得到满足。小小开心了一把。 但无论插件再怎么灵活,也难以应付所有的需求,比如,你要上传一个2 阅读全文

posted @ 2020-04-27 13:14 Xproer-松鼠 阅读(840) 评论(0) 推荐(0)

VUE 超大文件上传解决方案:分片断点上传(一)

摘要: 众所皆知,web上传大文件,一直是一个痛。上传文件大小限制,页面响应时间超时.这些都是web开发所必须直面的。 本文给出的解决方案是:前端实现数据流分片长传,后面接收完毕后合并文件的思路。 实现文件夹上传,要求:服务端保留层级结构,支持10w级别的文件夹上传。 大文件上传及断点续传,要求:支持50G 阅读全文

posted @ 2020-04-27 10:57 Xproer-松鼠 阅读(1804) 评论(0) 推荐(0)

B/S 超大文件上传解决方案:分片断点上传(一)

摘要: 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件 阅读全文

posted @ 2020-04-27 10:03 Xproer-松鼠 阅读(180) 评论(0) 推荐(0)

WebUploader 超大文件上传解决方案:分片断点上传(一)

摘要: 需求: 支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验; 内网百兆网络上传速度为12MB/S 服务器内存占用低 支持文件夹上传,文件夹中的文件数量达到1万个以上,且包含层级结构。 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下 阅读全文

posted @ 2020-04-27 09:24 Xproer-松鼠 阅读(486) 评论(0) 推荐(0)