需求

有这么一个需求，一个form有多个文件要上传，但又不是传统的图片批量上传那种，是类似下图这种需求，一开始是用的swfupload做的上传，但是问题是如果有多个按钮的话，就要写很多重复的代码，于为了代码的简洁所以就开始寻求其他的方法，期间试过uploadify，但是由于样式始终调不出来，最后就放弃了，直到发现这么个小巧的玩意，jQuery File Upload。

本文包含了upload的js实现，html的分析，css的实现等内容，文章末尾有git地址

最简运行时

官网下载的demo有N多js文件，一大堆js文件中只有几个才是必要的，其他的文件都是一些用不到的功能，只有在你需要的时候才需要引用。

  <script src='/images/loading.gif' data-original="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>  <script src='/images/loading.gif' data-original="JS/jquery/jquery.iframe-transport.js"></script>  <script src='/images/loading.gif' data-original="JS/jquery/jquery.ui.widget.js"></script>  <script src='/images/loading.gif' data-original="JS/jquery/jquery.xdr-transport.js"></script>  <script src='/images/loading.gif' data-original="JS/jquery/jquery.fileupload.js"></script>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：用jQuery File Upload做的上传控件demo，支持同页面多个上传按钮

关键词：jquery