文件上传是前端网络非常重要的一个场景,常见的上传方式有“传单文件”、“上传一个文件夹”、“上传多个文件”、“卡片式上传”、“拖动上传”、“分片上传”、“裁剪后上传”等方式。
面对这么多的场景和需求,我们该如何来学习呢?
第一步,理解原理,上传文件到底是怎么回事儿,它里面涉及到哪些核心的概念。
第二步,在理解的原理的基础上,再用原生的方式去实现,不用任何的第三方库,就用这个前端的三门语言自己把它实现。
第三步,在实际的开发当中,为了提升效率,选择适合自己的第三方库。
文件上传的核心逻辑——两端一协议
1、客户端,通常是浏览器,设计样式、交互逻辑、运算(分片上传)
2、服务器,文件从客户端发送到服务器,数据存储、安全、访问控制
3、网络协议,通常是http,消息格式(二进制、base64)、传输方式(全部、分片)