• jquery.uploadify 文件上传


    <link href="~/Areas/Admin/Content/uploadify/uploadify.v3.2.css" rel="stylesheet" />
    <script src="~/Areas/Admin/Content/uploadify/jquery.uploadify.v3.2.js"></script>
    
    <body>
                                    <div class="col-xs-6">
                                        <div id="uploader">
                                        </div>
                                        <div  id="fileQueue">
                                        </div>
                                    </div>
     <script type="text/javascript">  
            $(function () {  
                /*************setting***************/  
                var definedData = [];  
                definedData.auth = "@(Request.Cookies[FormsAuthentication.FormsCookieName]==null ? string.Empty : Request.Cookies[FormsAuthentication.FormsCookieName].Value)";  
                definedData.ASPSESSID = "@Session.SessionID";  
                definedData.fileTypeExts = "*.doc;*.docx;*.xls;*.xlsx;*.pdf;*.ppt;*.txt;*.rar;*.zip;*.exe";    //上传类型  
                definedData.uploader = "/UploadHandler.ashx";    //后台处理路径  
                definedData.fileSizeLimit = "2MB";  //上传大小  
                definedData.fileObjName = "file_upload";    //控件名  
                definedData.queueSizeLimit = 1;      //允许上传个数文件  
                var data = { 'ASPSESSID': definedData.ASPSESSID, 'AUTHID': definedData.auth };    //firefox用swf上传丢失session  
      
                var errorData = [];  
                errorData.err100 = "文件个数超出系统限制,只允许上传" + definedData.queueSizeLimit + "个文件!";  
                errorData.err110 = "文件超出系统限制的大小,限制文件大小" + definedData.fileSizeLimit + "!";  
                errorData.err120 = "文件大小异常!";  
                errorData.err130 = "文件类型不正确,只允许上传后缀名" + definedData.fileTypeExts + "!";  
                /*************setting***************/  
                $("#file_upload").uploadify({  
                    'buttonText': '选择资源',  
                    'swf': '/js/uploadify3.2/uploadify.swf',  
                    'uploader': definedData.uploader,  
                    'auto': false, //当文件被添加到队列时,自动上传  
                    'formData': data, //上传时传递数据  
                    'fileObjName': definedData.fileObjName,  
                    'queueSizeLimit': definedData.queueSizeLimit,  
                    'fileTypeExts': definedData.fileTypeExts,  
                    'fileSizeLimit': definedData.fileSizeLimit,  
                    'onUploadSuccess': function(file, data, response) {  
                        $('#file_upload').uploadify('cancel', '*'); //隐藏进度条</span>  
                        var dataJson = JSON.parse(data);  
                        if (dataJson.Status) {  
                            //上传成功  
                            alert(dataJson.Message);  
                        } else {  
                            //上传失败  
                            alert(dataJson.Message);  
                        }  
                    },  
                    //返回一个错误,选择文件的时候触发  
                    'onSelectError': function (file, errorCode, errorMsg) {  
                        switch (errorCode) {  
                            case -100:  
                                alert(errorData.err100);  
                                break;  
                            case -110:  
                                alert(errorData.err110);  
                                break;  
                            case -120:  
                                alert(errorData.err120);  
                                break;  
                            case -130:  
                                alert(errorData.err130);  
                                break;  
                        }  
                    },  
                    //检测FLASH失败调用    
                    'onFallback': function () {  
                        alert("您未安装FLASH控件,无法上传!请安装FLASH控件后再试。");  
                    }  
                });  
            });  
        </script>  
    </body>
    View Code
  • 相关阅读:
    发送xml请求数据,返回数据怎么获取
    laravel打印sql语句
    布隆过滤器-使用场景的思考
    sql性能优化
    JS Date.parse() 函数详解
    vuejs中的watch监听属性
    JS正则test()方法
    golang实现简单线程池
    golang map实现set
    golang init函数
  • 原文地址:https://www.cnblogs.com/liandy0906/p/8303032.html
Copyright © 2020-2023  润新知