附件上传的三种前端组件

介绍

项目开发中，经常用到上传功能
个人用了几个不同的前端组件，都挺好用的，各种千秋。

• ncform
• webuploader
• bootstrap-fileinput

ncform 既可以用于vue也可以直接用于html5中，采用elenent的风格，功能齐全，好用。

webuploader 只负责底层功能，需要自已画页面，api丰富。一些常用的功能都能很好的支持，象压缩，分片上传，断点续传....

file-input bootstrap的风格，提供了很多种示例。但是api不丰富，想要一些自定义功能，很难。

示例

• ncform
  https://ncform.github.io/ncform/ncform-show/playground/index.html
  

  image.png

• webuploader
  这个demo在example可以找到参考
  https://github.com/fex-team/webuploader/tree/master/examples/image-upload
  

  image.png

• file-input
  http://plugins.krajee.com/file-krajee-explorer-demo
  image.png