jquery上传插件

jQuery 文件上传插件推荐

1. jQuery File Upload

• 官方地址：https://github.com/blueimp/jQuery-File-Upload
• 支持多文件上传、拖放上传、进度条显示和预览功能。
• 兼容多种浏览器，后端支持多种服务器语言（PHP、Python、Node.js等）。
• 示例代码：

  $('#fileupload').fileupload({
      url: '/upload',
      dataType: 'json',
      done: function (e, data) {
          alert('上传完成');
      }
  });

2. Dropzone.js

• 官方地址：https://www.dropzonejs.com/
• 轻量级插件，支持拖放上传和文件预览。
• 配置简单，支持自定义样式和回调函数。
• 示例代码：

  Dropzone.options.myDropzone = {
      url: "/upload",
      maxFilesize: 2, // MB
      acceptedFiles: "image/*"
  };

3. Plupload

• 官方地址：https://www.plupload.com/
• 支持多文件上传、分块上传和多种上传方式（HTML5、Flash、Silverlight）。
• 提供丰富的API和事件监听功能。
• 示例代码：

  var uploader = new plupload.Uploader({
      browse_button: 'browse_button',
      url: '/upload'
  });
  uploader.init();

4. Fine Uploader

• 官方地址：https://fineuploader.com/
• 功能强大，支持断点续传、拖放上传和跨域上传。
• 提供详细的文档和社区支持。
• 示例代码：

  $('#fine-uploader').fineUploader({
      request: {
          endpoint: '/upload'
      }
  });

选择建议

• 如果需要简单易用的插件，推荐 Dropzone.js。
• 如果需要高度定制化和多后端支持，推荐 jQuery File Upload。
• 如果需要断点续传或分块上传，推荐 Plupload 或 Fine Uploader。

以上插件均提供详细的文档和示例，可根据项目需求选择合适的解决方案。