文件上传前端原理

1 我们在实现文件上传功能时， 往往是找到一个现成的文件上传组件， 然后根据其API进行一些参数配置， 然后再根据教程取配置后端对接受到的文件进行处理

 

2 但是， 有没有思考过， 文件只是一个名称， 从前端到后端， 文件是怎么从前端传递到后端的？ 传输的数据到底是什么？  文件如何从计算机中获取到的？ 从计算机获取到文件后又是如何进行处理的？ 文件获取之后， 浏览器端是如何保存文件中的数据的？ 

 

　　只有把这些个问题搞清楚， 我们才能知道文件从前端到后端到底经历了什么

 

3 开始探索：

　　(1) FormData对象:

　　　　浏览器端提供了一个API, 即FormData对象, 我们进行表单上传, 实际上就是向后台上传的这个对象, 详细参见  MDN

　　(2)