zoukankan      html  css  js  c++  java
  • jQuery上传插件Uploadify 3.2使用

    Uploadify下载地址:http://www.uploadify.com/download/ 这里下载最新版的3.2的。

    常用API描述:

    $(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);
            }
        });
    });
    View Code
  • 相关阅读:
    《第一行代码》阅读笔记(三十一)——多线程
    《第一行代码》阅读笔记(三十)——MVP(补充)
    《第一行代码》阅读笔记(二十九)——网络框架 OkHttp+Retrofit+Rxjava
    《第一行代码》阅读笔记(二十八)——网络技术(OkHttp+JSON/GSON)
    sql server优化查询速度(子查询)
    sql server 查询字段是否为数字
    Git操作汇总
    解决github下载过慢方式
    InnoDB存储引擎简介
    MySQL主从复制详解
  • 原文地址:https://www.cnblogs.com/qiailu/p/4033064.html
Copyright © 2011-2022 走看看