jQuery上传插件Uploadify 3.2用法

Uploadify下载地址:http://www.uploadify.com/download/ 这里下载最新版的3.2的。
下载下来解压后里面很多文件,其实有用的也就一个jquery.uploadify.js和uploadify.swf这两个文件。当然,jQuery库是必须的。
在你使用的项目中,把jquery.uploadify.js引入以后,用法和大多数JQ插件一样。同时也要记得引入swfobject.js这个插件,版本2.2以上的。使用方法例如:

$(function() {
    $("#file_upload_1").uploadify({
        height        : 30,
        swf           : '/uploadify/uploadify.swf',
        uploader      : '/uploadify/uploadify.php',
        width         : 120
    });
});

file_upload_1其实也就是一个容器ID

上面的只是简单的事例,下面看详细介绍

$(document).ready(function() {
    $("#file_upload").uploadify({
        //开启调试
        'debug' : false,
        //是否自动上传
        'auto':false,
        //超时时间
        'successTimeout':99999,
        //附带值
        'formData':{
            'userid':'用户id',
            'username':'用户名',
            'rnd':'加密密文'
        },
        //flash
        'swf': "uploadify.swf",
        //不执行默认的onSelect事件
        'overrideEvents' : ['onDialogClose'],
        //文件选择后的容器ID
        'queueID':'uploadfileQueue',
        //服务器端脚本使用的文件对象的名称 $_FILES个['upload']
        'fileObjName':'upload',
        //上传处理程序
        'uploader':'imageUpload.php',
        //浏览按钮的背景图片路径
        'buttonImage':'upbutton.gif',
        //浏览按钮的宽度
        'width':'100',
        //浏览按钮的高度
        'height':'32',
        //expressInstall.swf文件的路径。
        'expressInstall':'expressInstall.swf',
        //在浏览窗口底部的文件类型下拉菜单中显示的文本
        'fileTypeDesc':'支持的格式:',
        //允许上传的文件后缀
        'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',
        //上传文件的大小限制
        'fileSizeLimit':'3MB',
        //上传数量
        'queueSizeLimit' : 25,
        //每次更新上载的文件的进展
        'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {
             //有时候上传进度什么想自己个性化控制,可以利用这个方法
             //使用方法见官方说明
        },
        //选择上传文件后调用
        'onSelect' : function(file) {

        },
        //返回一个错误,选择文件的时候触发
        'onSelectError':function(file, errorCode, errorMsg){
            switch(errorCode) {
                case -100:
                    alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!");
                    break;
                case -110:
                    alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!");
                    break;
                case -120:
                    alert("文件 ["+file.name+"] 大小异常!");
                    break;
                case -130:
                    alert("文件 ["+file.name+"] 类型不正确!");
                    break;
            }
        },
        //检测FLASH失败调用
        'onFallback':function(){
            alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
        },
        //上传到服务器,服务器返回相应信息到data里
        'onUploadSuccess':function(file, data, response){
            alert(data);
        }
    });
});

大体上常用的我想也就这些,至于后端处理上传部分,我这里就不多讲了,和普通的文件上传处理方式是一样的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Uploadify是一个基于jQuery的文件上件,可以方便地上文件,支持多文件上,选择文件窗口可以自定义样式,同时具有断点续、上进度条等功能。下载Uploadify-3.2很简单,只需要到官网(https://www.uploadify.com/)下载最新版本即可。下载后解压缩,将上所需的文件放到项目目录下的相应位置(比如说放到js目录下),然后在HTML页面中引入Uploadify所需的CSS和JS文件,在文件上按钮的HTML标签上添加"file-upload"类名,然后在JS中调用uploadify方法即可,上逻辑由该方法控制。在调用过程中,还可以通过参数设置多文件上、文件类型、文件大小等相关限制,可以灵活应对各种上需求。总之,下载并使用Uploadify-3.2是非常方便、快捷的,可以大大简化上操作,提高文件上时的用户体验。 ### 回答2: 要下载Uploadify 3.2,您可以按照以下步骤进行操作: 1. 打开您的网络浏览器,例如Google Chrome,Mozilla Firefox或Microsoft Edge。 2. 在浏览器的搜索栏中输入“Uploadify 3.2下载”或直接访问Uploadify官方网站。 3. 在搜索结果中选择官方网站链接,确保是来自可信赖的来源。 4. 进入官方网站后,在页面上找到下载按钮或相关的下载链接。 5. 点击下载按钮或链接,开始下载Uploadify 3.2安装文件。 6. 在弹出的窗口中选择保存文件的位置。您可以选择将文件保存到您计算机的任意位置。 7. 等待下载完成。下载速度取决于您的网络连接质量和文件大小。 8. 下载完成后,转到保存文件的位置。 9. 双击安装文件,按照安装向导的指示完成Uploadify 3.2的安装过程。 通过以上步骤,您应该能够成功下载并安装Uploadify 3.2。请注意,确保从官方网站下载文件,以确保文件的完整性和安全性。 ### 回答3: 要下载 uploadify-3.2,你可以按照以下步骤进行: 1. 首先,在网络上搜索 uploadify-3.2 的下载链接。可以尝试在搜索引擎或开源代码托管平台上查找相关资源。 2. 找到适合的下载链接后,点击进入下载页面。 3. 在下载页面上,可能会提供多个下载选项。选择适合你电脑操作系统的版本,比如 Windows 或 macOS。 4. 点击下载按钮,开始下载 uploadify-3.2 的安装文件。 5. 下载完成后,找到下载的文件。通常情况下,它会保存在你电脑的默认下载文件夹中,或者你自己设置的下载路径中。 6. 打开下载的文件,开始安装 uploadify-3.2。根据安装界面的指示,完成安装过程。 7. 安装完成后,你就可以使用 uploadify-3.2 进行文件上操作了。根据官方文档或相关教程,学习如何使用 uploadify-3.2 的各种功能和特性。 请注意,在下载和安装任何软件前,请确保来源可信,并且下载的文件没有被修改或附带恶意代码。建议从官方网站或可信赖的开源社区下载软件以确保安全。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值