多文件上传控件uploadify介绍

在很多场合下,会用到文件的批量上传功能,这个对需要上传多个照片,图片或者文档的人来说,会省不少事情。

而普通的id下面的file控件只能支持单个文件的上传,这个确实比较弱。

所以介绍一种可以上传多个文件的js控件:基于 jquery的uploadify。

它结合了ajax和flash,实现了这个多线程上传的功能。所以用户使用时首先会要求flash客户端的安装。

需要使用的文件有:(也需要jquery.js的支持)

 
  • jquery.uploadify.v2.1.4.min.js (主要插件)
  • cancel.png(flash上传按钮图标)
  • uploadify.css (上传样式表)
  • uploadify.swf (flash上传插件)
  • swfobject.js(Flash性能增强插件,一般在大型Flash应用或特效制作方面都会用到这个小插件,它会让flash 性能发挥更稳定,甚至是功能更多)
  • --------------------------------
  • uploadify.php (php后台实现例子)
  • jquery-1.4.2.min.js

     

    重要属性说明“

    multi:设置为true将允许多文件上传。

    demo 请参照:

    http://www.uploadify.com/demos/

    具体使用请参照

    http://www.phptogether.com/uploadifydoc/

    java结合的例子

    http://hi.baidu.com/kill_me/item/8b37cfd067bd64e7b2f77731

     

     

     

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
本实例采用的是Uploadify插件,.NET程序,源程序是从网上找的,但是有Bug,已经修改好,并标有部分注释。绝对好用,支持单文件、多文件,支持大文件,已经过多方面测试,保证好用。 以下附上Uploadify部分常用的参数介绍,要看全部的就去看其API文件了,一般在下载的包里都有。  uploader : uploadify.swf 文件的相对路径,该swf文件是一个带有文字BROWSE的按钮,点击后弹出打开文件对话框,默认值:uploadify.swf。   script : 后台处理程序的相对路径 。默认值:uploadify.php   checkScript :用来判断上选择的文件在服务器是否存在的后台处理程序的相对路径   fileDataName :设置一个名字,在服务器处理程序中根据该名字来取上文件的数据。默认为Filedata   method : 提交方式Post 或Get 默认为Post   scriptAccess :flash脚本文件的访问模式,如果在本地测试设置为always,默认值:sameDomain   folder : 上文件存放的目录 。   queueID : 文件队列的ID,该ID与存放文件队列的div的ID一致。   queueSizeLimit : 当允许多文件生成时,设置选择文件的个数,默认值:999 。   multi : 设置为true时可以上多个文件。   auto : 设置为true当选择文件后就直接上了,为false需要点击上按钮才上 。   fileDesc : 这个属性值必须设置fileExt属性后才有效,用来设置选择文件对话框中的提示文本,如设置fileDesc为“请选择rar doc pdf文件”,打开文件选择框效果如下图:   fileExt : 设置可以选择的文件的类型,格式如:'*.doc;*.pdf;*.rar' 。   sizeLimit : 上文件的大小限制 。   simUploadLimit : 允许同时上的个数 默认值:1 。   buttonText : 浏览按钮的文本,默认值:BROWSE 。   buttonImg : 浏览按钮的图片的路径 。   hideButton : 设置为true则隐藏浏览按钮的图片 。   rollover : 值为true和false,设置为true时当鼠标移到浏览按钮上时有反转效果。   width : 设置浏览按钮的宽度 ,默认值:110。   height : 设置浏览按钮的高度 ,默认值:30。   wmode : 设置该项为transparent 可以使浏览按钮的flash背景文件透明,并且flash文件会被置为页面的最高层。 默认值:opaque 。   cancelImg :选择文件文件队列中后的每一个文件上的关闭按钮图标 Uploadify还自带了很多参数及有用的方法和回调函数,都在API里,虽然是全英文的,但很容易看懂,这里就不说了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值