Uploadify多文件上传插件

多文件上传的场景挺常见的，像做个图片墙、视频分享页，总得让用户能一股脑传一堆文件上来。Uploadify就蛮适合干这个活。老牌插件，功能还挺全，连断点续传都安排上了，对老浏览器还有Flash兜底，兼容性这块算是下了功夫。

Uploadify 的上传体验比较丝滑，支持异步，带进度条，上传不打断页面操作。你可以自定义按钮样式、文件类型、预览逻辑，适配自己 UI 的风格也不难。你只要引入几个.js和.swf文件，配上几个参数，整个上传功能就能跑起来。

比如你有个#fileUploader元素，一段初始化代码就能搞定：

$(function() {
  $('#fileUploader').uploadify({
    'swf': 'uploadify.swf',
    'uploader': 'uploadify.php',
    'queueID': 'fileQueue',
    'multi': true,
    'fileTypeDesc': 'Image Files',
    'fileTypeExts': '*.jpg;*.jpeg;*.gif;*.png',
    'onSelect': function(event, ID, fileObj) {
      alert('文件' + fileObj.name + '已被选中');
    },
    'onProgress': function(event, ID, fileObj, progress) {
      console.log(fileObj.name + '的上传进度: ' + progress + '%');
    },
    'onComplete': function(event, ID, fileObj) {
      alert('文件' + fileObj.name + '上传成功');
    }
  });
});

啦，后端你得自己准备下，比如用uploadify.php来接收文件。Uploadify 虽然靠点老技术（比如 Flash），但在需要兼容 IE 的场景下，还是挺香的。

如果你项目对上传的交互要求高，比如要拖拽、秒传，那得考虑更现代的方案。但你要的是一个能快速落地、配置灵活的多文件上传插件，那 Uploadify 还是蛮稳的选项。