超棒的纯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

posted @   igeekbar  阅读(424)  评论(1编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
历史上的今天:
2011-10-29 分享2011年50个最棒的wordpress主题 - 第一部分
2011-10-29 GBin1随机分享的10个使用简单的插件
2011-10-29 什么时候我们该选择VPS服务器?

中文互联: GBin1.com | RSS订阅 | 邮件订阅 | 手机订阅

点击右上角即可分享
微信分享提示