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

超棒的纯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="http://www.chinaz.com/program/2012/1029/client/fileuploader.css">
  </head>
  <body>
    <div></div>
    <script src="http://www.chinaz.com/program/2012/1029/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

是不是支持的非常全面,希望大家喜欢这个上传类库!