织梦前台上传参考jQuery Uploadify 3.2上传插件使用

发布时间：2020-12-14 04:41:03 所属栏目：Dedecms 来源：网络整理

导读：? 下载下来解压后估计里面很多文件，其实有用的也就一个jquery.uploadify.js和uploadify.swf这两个文件。当然啦，jQuery库那是必须的。在你使用的项目中，把jquery.uploadify.js引入以后，用法和大多数JQ插件一样。同时也要记得引入swfobject.js这个插件，

下载下来解压后估计里面很多文件，其实有用的也就一个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/UploadHandler.ashx',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);
        }
    });
});

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

///

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!