实现文件上传组件

eye-

文件上传是一个管理后台的必备功能。

原生的文件上传

<input type="file" />

这里其实就实现了文件上传的功能,但是生产环境应该没人会这么用。

  • 首先,样式太丑了。
  • 然后,国际化有问题,你无法修改选择文件 这几个字,这个文字是根据浏览器的语言设置的。如果用户切换成英文,那在中文浏览器下还是显示的中文,这肯定不可以。

美化UI

如果我们看下流行的文件上传组件,例如antd的Upload,样式比原生的好看很多。