日期:2014-05-16  浏览次数:20484 次

超棒的纯Javascript实现的文件上传功能 - Fine uploader

日期:2012-10-28  来源:GBin1.com

超棒的纯Javascript实现的文件上传功能 - Fine uploader demo 

还记得我们上次介绍的javascript文件上传类库 -  javascript类库:FileDrop?今天我们介绍另外一个独立不依赖任何类库的文件上传js类库:Fine Uploader。

支持的浏览器:

  • IE7+
  • Firefox
  • Safari (OS X)
  • Chrome
不使用jQuery,flash也不依赖任何第三方类库。我们只需要导入CSS和js文件即可,是不是非常方便
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Fine Uploader Demo</title>
    <link href="client/fileuploader.css" rel="stylesheet">
  </head>
  <body>
    <div id="fine-uploader"></div>
    <script src="client/fileuploader.js"></script>
    <script>
      function createUploader() {
        var uploader = new qq.FileUploader({
          element: document.getElementById('fine-uploader'),
          // Use the relevant server script url here
          action: 'yourServerScript'
        });
      }
    
      window.onload = createUploader;
    </script>
    </body>
</html>

同时可以整合很多流行的后台语言:

  • ASP.NET 
  • ColdFusion
  • Java Node.js 
  • Perl 
  • PHP 
  • Python
是不是支持的非常全面,希望大家喜欢这个上传类库!

来源:超棒的纯Javascript实现的文件上传功能 - Fine uploader