前言图片/文件上传组是企业项目开发中必不可少的环节之一，但是任何一个用户模块都会有图片/文件上传需求，在很多情况下也是其中之一三方组件库（antdesign、elementui）中的基础组件。接下来笔者将带大家从零开始实现一个图片/文件上传组件，并扩展一个更强大的上传组件。你会收获常用图片上传功能实现方案手写一个图片/文件上传组件如何将裁剪功能集成到上传组件中如何扩展内容平台/可视化平台下的图片自主解决方案如何扩展更强大的图片上传解决方案作为一名前端工程师，项目问题的解决是我们的基本职责之一，就是能够利用所学的知识去解决项目开发中的问题和需求。这也是我们在职业生涯中必须经历的第一个阶段，即适应期。如果我们想要继续晋升，就需要不断的升级怪物，掌握各种技能，这样以后遇到问题的时候，才能用最好的方案高效的解决问题，也就是第二个阶段——发展期。为了更快的进入开发未来，我们需要不断提升自己的技术深度和广度，能够纵向的考虑问题的本质，横向的提出问题的多种解决方案，最终选择一个最优的方案来实现.要做到这一点，我们需要对问题进行深入的思考和回顾，接下来笔者将介绍几种常用的图片上传解决方案，以扩展你的广度。1、常用的图片上传方案从web1.0时代开始，我们使用最多的上传方案是form表单，我们只需要在form中写各种input（input元素），定义上传服务器地址（action).表单类似如下：
