uploadify上传文件

最新推荐文章于 2021-02-13 12:31:04 发布

rabbit-dog

最新推荐文章于 2021-02-13 12:31:04 发布

阅读量2.6k

点赞数

分类专栏： Jquery flash ajax 日常学习 Yii框架日常生活资讯快报 html PHP 基础 js 感悟生命

本文链接：https://blog.csdn.net/yafei450225664/article/details/46563367

版权

日常学习同时被 3 个专栏收录

117 篇文章 1 订阅

订阅专栏

日常生活

67 篇文章 0 订阅

订阅专栏

资讯快报

66 篇文章 0 订阅

订阅专栏

本人小菜鸟一只，为了自我学习和交流PHP（jquery,linux,lamp,shell,javascript,服务器）等一系列的知识，小菜鸟创建了一个群。希望光临本博客的人可以进来交流。寻求共同发展。搭建平台。本人博客也有许多的技术文档，希望可以为你提供一些帮助。QQ群： 191848169 QQ：450225664

我也会共享一些学习资料供大家参考。

今天接到一个项目，项目中要求上传文件或者图片。于是找到了uploadify插件。

先去官方网站下载uploadify

http://www.uploadify.com/download/

html部分

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>

<script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script>

<script type="text/javascript" src="./js/jquery.uploadify.min.js"></script>

<link rel="stylesheet" type="text/css" href="./css/uploadify.css" />
</head>
<body>

<input id="file_upload" name="file_upload" type="file" multiple="true">
<a href="javascript:$('#file_upload').uploadify('upload', '*')">上传文件</a> | <a href="javascript:$('#file_upload').uploadify('stop')">停止上传!</a>
</body>
     <script type="text/javascript">
        $(function() {
            $('#file_upload').uploadify({
                'swf'               :    './swf/uploadify.swf',    //指定上传控件的主体文件
                'uploader'          :    './swf/uploadify.php',    //指定服务器端上传处理文件

                'auto'              :     false, //设置auto为true，当文件被添加至上传队列时，将会自动上传。
                'buttonCursor'      :     'hand', //‘hand’(手形) 和 ‘arrow’(箭头)。

                'buttonText'        :     '上传图片或者文档',   //定义显示在默认按钮上的文本。
                'checkExisting'     :     './swf/check-exists.php',//定义检查目标文件夹中是否存在同名文件的脚本文件路径。
                'debug'               :       true, //当其值为true时，开启SWFUpload调试模式。
                'fileSizeLimit'     :     '900KB',//大小
                'fileTypeDesc'        :     '文档或者图片',
                'fileTypeDesc'      :       '*.gif;*.jpg;*.png;*.txt;*.doc.*.xls;*.wps',//定义允许上传的文件后缀。
                'method'            :     'post', //上传文件的提交方法，取值'post'或'get'。
                'progressData'      :     'percentage', //设置显示在上传进度条中的数据类型，可选项时百分比（percentage）或速度（speed）。
                'queueSizeLimit'    :      5, //队列最多有多少个
                'successTimeout'    :      20, //参数表示uploadify的成功等待时间（单位：秒，默认30秒）。
                'onClearQueue'      :      function(queueItemCount) {
                    alert('队列中'+queueItemCount + ' 个文件被清空。');
                },
                'onFallback'        :     function() {
                    alert('未检测到兼容版本的Flash.');
                },
                'onSelect' : function(file) { //每添加一个文件至上传队列时触发该事件。
                alert(file.name + ' 文件添加至上传队列.');
               },
               'onSelectError' : function(o) {
                    //QUEUE_LIMIT_EXCEEDED – 选定的文件数量超过了设置的限值
                    //FILE_EXCEEDS_SIZE_LIMIT – 文件的大小超过了设置的限值
                    //ZERO_BYTE_FILE – 0大小文件
                    //INVALID_FILETYPE – 文件类型不在设置的范围内
                    alert(file.name + '文件返回错误，没有添加到上传队列中.');
                },
                'onUploadError' : function(file, errorCode, errorMsg, errorString) {
                   //file
                   //上传的文件对象。

                   //errorCode
                   //返回的错误代码。

                   //errorMsg
                   //返回的错误信息。

                   //errorString
                   //错误详细信息（字符串）。
                    alert(file.name + ' 上传失败。详细信息: ' + errorString);
                }


            });

        });
    </script>
</html>