希望有一天大家都能在借鉴中创新
最近没有在弄这个文件上传的进度显示问题,css的特效被落下了。只是因为之前做了文件上传,但是并没有真的思考过这些上传进度的问题。前几天看到一个博客,有感而发,觉得这个上传进度的问题迟早是会被遇到的。在这里简单介绍一下一般的实现方法和思路,希望即将踩坑的伙伴,借助这个文章能脱坑更顺利点。
必备工具:
html css java
为了偷懒这里我就直接使用了Springboot框架做为基础项目demo来使用.
基本框架搭建:
使用Bootstrap集成前端样式,本来就不擅长样式编写,这里展示的样式大家就凑合看吧。编写基本的上传文件编辑位置即可,这里重在实现文件分割的业务实现。
实现文件分割的方式可以简单分为两种: ① 定块分割 ② 定长分割
定块分割:不管文件的大小是多少,定义文件分割的块数是制定的。比如我在这个项目中就是用了这种分割方式,定义无论上传的文件大小是多少都将其分割成10块。专业角度来看,这种分割方式还是过于粗糙并且存在很多问题的,但是因为这里为了为展示如何进行文件分割,所以优化分割算法问题可以根据业务问题进行动态变更。
定长分割:相对定块分割来说,这种方式会稍微好点。根据上传的文件大小进行分割文件数量,请求上传接口的次数也根据文件大小变化。
当然,似乎这些方法进行分割似乎都不是最好的,但是文件分割放在客户端是为了减少单个大文件上传导致一个老鼠坏一锅汤的意外情况。
文件分割:
使用定块分割文件,简单的代码实现: