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

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

 

还记得我们上次介绍的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

时间: 2024-09-20 19:34:27

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

javascript实现校验文件上传控件实例

  实例讲述了javascript实现校验文件上传控件.分享给大家供大家参考.具体如下: 该javascript校验文件上传控件代码可检测上传文件的类型是否是图片 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script language="javascript"> function Checkfiles() { var fup = document.getElementById('logo1'); var file

javascript实现校验文件上传控件实例_javascript技巧

本文实例讲述了javascript实现校验文件上传控件.分享给大家供大家参考.具体如下: 该javascript校验文件上传控件代码可检测上传文件的类型是否是图片 <script language="javascript"> function Checkfiles() { var fup = document.getElementById('logo1'); var fileName = fup.value; var ext = fileName.substring(fil

php+ajax实现图片文件上传功能实例_php技巧

目前常用的异步文件上传功能有几种,比较多见的如使用iframe框架形式,ajax功能效果,以及flash+php功能,下面介绍ajax与iframe实现异步文件上传的功能的例子. 方法一,利用jquery ajaxfileupload.js实现文件上传 其实就是实现无刷新式的文件上传.可采用IFRAME文件上传原理.实际上在用PHP上传文件时...只能用$_FILES形式,但是若我们只是单一的用JS方式取其ID,如<input id='img' type='file'>..document.g

Ajax配合Spring实现文件上传功能代码

由于项目需要,开发一个可以上传图片到服务器的web表单页面. 一. 需求 Web表单页面,可以通过表单上传图片以及其他文字信息. 二. 图片上传的流程 之前没有做过这类页面,通过查询资料.发现比较常见的做法,是先将图片上传到服务器端的某个文件目录下,服务器向前台返回图片的存储路径:之后,前台将图片存储路径以及其他表单信息一起提交到服务器,所有的表单信息存储在数据库中. 三. 方法 由于项目需要,我这里介绍两种图片上传方法,第一种是使用ajax对一个图片直接上传:第二种是先在前台将图片切割为较小的

PHP文件上传功能代码实例教程

在PHP网站开发中,PHP程序如何实现文件上传功能,一直是新手的课题.而且文件上传功能一般都用得着,比如图片上传.今天就结合具体代码实例和详细注解和大家分享如何编写PHP文件上传代码,适合php初学者学习. PHP代码实例主要讲述的是图片上传,看懂程序后你可以修改相关文件类型就可以实现其他文件的上传功能. 编程环境 PHP5.2.4,基本上PHP4.3以上版本,此代码都可以使用 准备工作 检查upload_tmp_dir项 如果PHP的开发环境是自行搭建的,你需要在编写文件上传程序前编辑php.

PHP.INI配置:文件上传功能配置教程

昨天分享了在PHP网站开发中如何在php.ini中配置实现session功能的PHP教程,今天继续分享在利用PHP实现文件上传功能时几点关键php.ini的配置. 说到在php.ini中的文件上传的配置,其实在之前介绍PHP文件上传功能代码实例教程以及Jquery AjaxUpload实现文件上传功能代码实例教程时我都有所提及.PHP文件上传功能配置主要涉及php.ini配置文件中的upload_tmp_dir.upload_max_filesize.post_max_size等选项. php.

zend framework文件上传功能实例代码

 zend framework文件上传功能实例代码,php的版本5.3.8,zend framework的版本1.12,看下面的代码吧,有注释  代码如下: //实例化上传类 $upload = new Zend_File_Transfer(); //设置过滤器,大小限制为5M,格式为jpg,gif,png $upload->addValidator('Size', false, 5 * 1024 * 1024); $upload->addValidator('Extension', fals

不用common file upload、struts 什么的,java文件上传功能怎么实现?

问题描述 不用common file upload.struts 什么的,java文件上传功能怎么实现? 不用common file upload.struts 什么的,java文件上传功能怎么实现,就单纯的用html和java实现文件上传? 解决方案 http://wangwei2008224078.blog.163.com/blog/static/214338275201342110555388/ 这个什么也没用,你可以参考 解决方案二: 用servlet的request获取文件流 解决方案

Zend Framework实现多文件上传功能实例_php实例

本文实例讲述了Zend Framework实现多文件上传功能的方法.分享给大家供大家参考,具体如下: 第一步:在我们原来教程找到library文件夹..这里原来是存放我们Zend类库文件夹的地方..现在我们在library文件夹里加上如下几个文件夹:library/Custom/Controller/Plugin/ 文件夹我们加入完成.这时候我们就要找到我们的文件上传的类文件了..这里我命名为Upload.php文件名..这个文件就是我们将要用到文件上传的的类文件.当然这文件我是改写成了Zend