前端上传大型文件或超长数据的解决办法

前端上传大型文件或超长数据的解决办法,第1张

我们设计的上传文件大约在500m左右

我第一反应是blob,在HTML5中添加了blob类型用来定义前端较大数据,之前使用过blob流传输视频再使用html5中<video>标签读取blob流,所以blob可以作为这种文件传输的载体,那如何提交呢,使用可formdata提交blob数据,这种方式可以承受较大数据量的文件,但在使用formdata传输的过程中,浏览器会卡死,无法 *** 作。

还是舍友提醒,可采用数据或歼分割的方式,一部分一部分上传。后经百度得知,文件分割要防止数据枣帆丢失进行大小校验,以及防止外部入侵,进行分段前端加密,后端校验。

百度发布了一款分割上传的组件web upload,可包含文件分割,大小校验等功能。

网站为: http://fex.baidu.com/webuploader/getting-started.html

佩服我们大学宿舍的技术氛围,出差回来的火车上跟大学舍衫岩冲友在微信上聊了两三个小时的技术,,,那天刚好是大学生开学那几天,路上好多大学生,好怀念自己的大学生活,好怀念与大学舍友谈天说地或技术探讨到深夜的日子

说了几个前端的问题,总结记录一下吧

其中只有一个我会的,,,先说这个问题,其他的我学习完再分享,留坑。。。。。。

一般分为两种方式,一种是服务器端判断文件大小进行限制,这种方法的存在明显的缺陷铅茄好,当用户过多后,数据上传到服务器之后,在对其进行监测,大大增加了宽带和服务器的压力。

另一种是放在前端进行大小监测, 这种方纳腔式提前进行监测,可以有效减小服务器槐铅的压力。

当上传的文件过大之后,可以使用百度开发的文件上传插件 WebUploader,或者另一个文件上传插件Plupload。

网页链接

第一敏裤点:系统的配置

第二点:系统路径的配置,将所有的路径统一配置,告模在子页面只需要引用即可,不需要再反复引用

文件初始化服务端处理逻辑

文件上传上处理程桥友简序,处理服务器返回的数据信息


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/12140081.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存