`

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

javascript文件上传上传类库js上传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

1
顶
2
踩
分享到：
| Google的全新在线地图API演示网站 - More ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    多文件上传插件fine-uploader.js

    Fine-Uploader.js是一款优秀的JavaScript库，专门用于实现多文件上传功能，具有强大的自定义能力和优秀的用户体验。本文将深入探讨Fine-Uploader.js的核心特性和使用方法。 Fine-Uploader.js的优势在于其灵活性和...

    FineUploader多个文件上传插件包含图像预览拖放进度条功能

    FineUploader是一款强大的JavaScript文件上传插件，专为处理多个文件上传而设计，它提供了丰富的功能，包括图像预览、拖放操作和进度条显示。这款插件不仅适用于传统的HTTP服务器，还支持Amazon S3和Microsoft Azure...

    PyPI 官网下载 | django-fine-uploader-s3-0.1.5.tar.gz

    5. **前端代码**：使用Fine Uploader的API实现文件选择、上传进度显示、错误处理等交互逻辑。 **安全考虑** 在实际应用中，必须考虑到安全性问题，如防止未授权的访问和上传恶意文件。`django-fine-uploader-s3`...

    vue-simple-uploader for vue3源码

    `vue-simple-uploader` 是一个适用于 Vue3 的轻量级文件上传组件，它允许开发者方便地实现文件上传功能，包括大文件的分片上传。在对源码进行深入分析之前，我们先来理解一下大文件分片上传的基本原理。 大文件分片...

    fineuploader3.7.1.js及css.rar

    这两个文件分别负责FineUploader的JavaScript逻辑和样式设计，使得在网页上实现文件上传变得简单且美观。 1. **FineUploader**：这是一个轻量级但功能丰富的文件上传库，支持HTML5和传统表单上传方式。它提供了多种...

    fine-uploader php的demo

    "Fine Uploader" 是一个流行的JavaScript库，专为创建功能丰富的、用户友好的文件上传功能而设计。在PHP环境中，Fine Uploader可以帮助开发者实现高效、可靠的多文件上传功能，无需依赖任何外部插件。这个"fine-...

    react-ReactFineUploader一个灵活和强大的文件上传react小部件

    React Fine Uploader是一个专为React应用设计的高级文件上传组件，它提供了丰富的功能和高度的定制性，使得在React项目中实现复杂、用户友好的文件上传功能变得简单易行。这款组件以其灵活性和强大性而著称，可以...

    fineuploader-3.7.1

    FineUploader可以通过服务器端接口实现文件的下载链接生成，允许用户下载已上传的文件。此外，它还可以处理文件删除操作，用户可以选择性地删除不再需要的文件。 在安全方面，FineUploader支持各种安全机制。例如，...

    FineUploader5精简

    通过JavaScript初始化FineUploader实例，设置好服务器端的URL和其他配置项，即可开始实现文件上传功能。例如，可以使用以下代码创建一个基本的FineUploader实例： ```javascript var uploader = new FineUploader({...

    FineUploader-5.14.2最新完整版

    FineUploader 是一个强大的文件上传组件，它提供了丰富的功能和高度的自定义性，适用于Web应用程序中的文件上传需求。5.14.2是这个库的一个最新版本，它包含JavaScript和jQuery两个版本，使得无论是在纯JavaScript...

    fineuploader最新5.2.2

    FineUploader是一款功能强大的JavaScript库，专门用于实现网页上的文件上传功能。它的最新版本5.2.2在前一版本的基础上进行了优化和增强，为开发者提供了更完善的上传解决方案。这款库支持jQuery，使得与HTML DOM...

    fineuploader最新版本5.x

    FineUploader是一款功能强大的JavaScript库，专门用于在Web应用中实现文件上传功能。最新版本5.x在原有的基础上进行了诸多改进和优化，提供了更为丰富的特性和更好的用户体验。以下将详细阐述FineUploader 5.x的关键...

    最新版fineuploader.js

    FineUploader是一款功能强大的JavaScript上传组件，它为Web应用程序提供了丰富的文件上传功能。最新版的"fineuploader.js"可能指的是FineUploader的v3.2版本，这个版本包含了两个主要的JavaScript文件：`fine...

    fine-uploader 5,14,3

    《细谈Fine Uploader 5.14.3：纯JavaScript实现的文件上传技术解析》 Fine Uploader是一款优秀的开源JavaScript库，专为文件上传功能设计，尤其在处理批量、多文件上传方面表现出色。其最新稳定版5.14.3更是优化了...

    fineuploader绝对最新版本官方同步

    FineUploader是一款功能强大的JavaScript库，专门用于实现上传功能。它提供了丰富的自定义选项，使得在网页上实现文件上传变得简单而高效。此“fineuploader绝对最新版本官方同步”压缩包包含的是FineUploader的最新...

    fineuploader

    "FineUploader"是一款知名的JavaScript文件上传组件，以其易用性和强大的功能著称。这款组件尤其适合在VS2010 MVC项目中应用，提供了一系列的参数设置，使得开发者能够精细控制文件上传的过程。它允许限制上传文件的...

    fineuploader最新版本

    FineUploader是一款著名的JavaScript上传组件，尤其适用于Web应用中文件上传功能的实现。最新版本更新至11月份，意味着它包含了最新的特性和优化，且不再依赖Flash技术，这顺应了现代浏览器逐渐淘汰Flash的趋势，转...

    FineUploader-master_上传_

    FineUploader是一款功能强大的JavaScript库，专门用于实现用户友好的文件上传功能。这个源码库是开发者进行文件上传功能开发的一个优秀参考资料，特别是对于那些使用ASP.NET技术栈的项目。 FineUploader的核心特性...

    Ajax文件上传组件fineuploader.zip

    Fine Uploader 是一个采用Ajax技术实现的文件上传组件，支持拖拽文件上传。使用很简便，只需在页面中引入相应的CSS JavaScript，剩下的就只服务器端处理逻辑。在其提供的下载包中已经有多种语言实现包括：ASP.NET, ...

    fineuploader最新版本4.0.3

    FineUploader是一款功能强大的JavaScript库，专门用于实现上传功能。它提供了丰富的自定义选项，使得文件上传体验更加用户友好，尤其适合在Web应用中使用。在最新版本4.0.3中，开发者可以期待一系列增强的功能和优化...

Magicbox
Global site tag (gtag.js) - Google Analytics