博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery uploadify插件教程
阅读量:6379 次
发布时间:2019-06-23

本文共 2577 字,大约阅读时间需要 8 分钟。

hot3.png

插件:Jquery Uploadify文件上传插件 

后端处理语言:java

 

使用前引入uploadify js和样式

前端代码:

            
                
文档                
                    
                    
                                        
                
                上 传                            

upload JS:

//doc参考 http://www.uploadify.com/documentation/   $(function() {        $("#file_upload").uploadify({            height          : 25,            swf             : '../js/uploadify/uploadify.swf',           //后端处理action            uploader        : '../doct/uploadify',            width           : 120,            //fileTypeExts  : '*.doc; *.ppt;*.xls;',            fileObjName     : 'fileAttach', //文件上传name            auto            : false, //文件选中后是否自动提交              multi    : false, //是否多选           //文件上传完毕后消息框是否自动消失,默认true            removeCompleted : false,              //文件上传完毕后消息框消失延迟时间,默认3 仅removeCompleted=true生效            //removeTimeout   : 3,            //文件上传大小限制                       //fileSizeLimit : 999,             //文件队列传输完毕 queueDate [uploadsSuccessful,uploadsErrored]            onQueueComplete : function(queueData){                            alert('success:'+queueData.uploadsSuccessful+'fail:'+queueData.uploadsErrored)            },             //单文件传输成功                       onUploadSuccess:function(file, data, response){                                                         //alert('singleSuccess,fileName:'+file.name);            },           //单文件传输失败            onUploadError : function(file, errorCode, errorMsg, errorString) {                                      //eg:The file mozjs.dll errorCode -200 errorCode -200 errorMsg 302 errorString HTTP Error (302)                alert('The file ' + file.name + ' errorCode ' + errorCode+ ' errorCode ' + errorCode+ ' errorMsg ' + errorMsg+ ' errorString ' + errorString);            },            //按钮显示名称            buttonText    : "chose files..."                                                                 });    });    //点击按钮触发上传    function startUpload(){        $('#file_upload').uploadify('upload','*');    }

java后端接收参数:

    public void uploadify(TFileInfo fileInfo, HttpServletResponse response) {        try {            PrintWriter out = response.getWriter();            out.write("test");        } catch (IOException e) {            e.printStackTrace();        }    }

 

注意事项:

uploadify的事件只是对原有事件的补充,并不是覆盖。如果需要覆盖事项可以添加属性overrideEvents 。而消息提示的弹出都是通过onDialogClose触发,如果想改变就必须覆盖onDialogClose,具体可查源码。

转载于:https://my.oschina.net/francis0115/blog/193712

你可能感兴趣的文章
JavaScript eval() 函数
查看>>
excel 链接字符串
查看>>
喜欢 FineUI,向 FineUI 投一票吧!
查看>>
ant 使用指南
查看>>
tomcat和nutch的安装
查看>>
Ext 的一些常用方法
查看>>
内容中断随想录(risc cpu的那些事)
查看>>
JAVA面试题集---数据库方面_
查看>>
[置顶] WEBSOKET服务器搭建
查看>>
Oracle通用分页存储过程的创建与使用
查看>>
Android网络开发之WIFI
查看>>
PWM DAC vs. Standalone
查看>>
css3动画3
查看>>
[每日一题] OCP1z0-047 :2013-07-19 Rules of Precedence――括号的使用
查看>>
[置顶] WPF数据修改demo
查看>>
ActiveX控件打包成Cab置于网页中自动下载安装(转载)
查看>>
"undefined reference to" 问题解决方法
查看>>
WAP网页输入框的默认键盘类型控制
查看>>
MB506/MB510 ULTRA HIGH FREQUENCY PRESCALER
查看>>
hdu 2874(LCA)
查看>>