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

最新推荐文章于 2024-08-08 07:47:19 发布

thegeek

最新推荐文章于 2024-08-08 07:47:19 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/jjfat/article/details/8123536

javascript 专栏收录该内容

102 篇文章

订阅专栏

本文介绍了一个无需依赖任何类库、支持多种浏览器且能整合流行后台语言的文件上传js类库——FineUploader。通过简单的HTML导入，实现高效、全面的文件上传功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

日期：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>

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