Fine Uploader - 用户友好的文件上传插件

版本:

浏览量:1192

最后更新：2021-09-12

应用标签：MAC 软件 git Jquery插件

推荐指数:

查看演示点击下载

详细信息

Fine Uploader 是一个用户友好的文件上传插件，用于将文件上传整合到他们的网站中。

它使用 XMLHttpRequest (AJAX) 在 FF3.6+、Safari4+、Chrome 中上传带有进度条的多个文件，并在其他浏览器（即 IE）中回退到基于隐藏 iframe 的上传，在任何地方提供良好的用户体验。

你可能还喜欢：

漂亮的 jQuery 文件上传插件
拖放文件上传器插件 - dropzone

特征：

Firefox、Chrome、Safari 和 IE 10 中的多文件选择、进度条
在 FF、Chrome、Safari 和 IE 10 中拖放文件选择
上传可取消
不需要外部依赖
在 IE7+、Firefox、Safari (OS X)、Chrome、IOS6 和各种版本的Android 中测试。现在也支持 IE10！
能够在选择文件后立即上传文件，或将它们“排队”以便稍后根据用户请求上传
上传失败时显示来自服务器的特定错误消息
上传失败的自动或手动重试
创建您自己的文件验证器和/或使用默认包含的验证器
在上传过程的各个阶段接收回调
随每个文件一起发送服务器端的任何参数
通过拖放上传目录（Chrome 21+）
在查询字符串或请求正文中包含参数
通过 API 提交要上传的文件
将文件拆分为多个请求（文件分块/分区）
从以前的会话中恢复失败/停止的上传
删除上传的文件
CORS/XSS（跨域请求）支持
通过粘贴上传图片
轻松设置最大上传限制

基本标记：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Fine Uploader Demo</title>
    <link href="fineuploader-{VERSION}.css" rel="stylesheet">
  </head>
  <body>
    <div id="fine-uploader"></div>
  
    <script src="fineuploader-{VERSION}.js"></script>
    <script>
      function createUploader() {
        var uploader = new qq.FineUploader({
          // Pass the HTML element here
          element: document.getElementById('fine-uploader'),
          // or, if using jQuery
          // element: $('#fine-uploader')[0],
          // Use the relevant server script url here
          // if it's different from the default “/server/upload”
          request: {
            endpoint: 'server/handleUploads'
          }
        });
      }
     
      window.onload = createUploader;
    </script>
  </body>
</html>