jQuery uploadify-v3.1 批量上传

 

引用：

<link href="/UI.Web.CRM.Main/jQuery.Uploadify/uploadify.css" rel="stylesheet" />
<script src="/UI.Web.CRM.Main/jQuery.Uploadify/jquery.uploadify-3.1.js"></script>
<script src="/UI.Web.CRM.Main/jQuery.Uploadify/jquery.uploadify-3.1.min.js"></script>

主要代码：

        $(function () { 

            //----批量上传图片 开始----
            var guid = new GUID();
            var strGuid = guid.newGUID();
            $("#uploadify").uploadify({
                //指定swf文件
                'swf': '/UI.Web.CRM.Main/jQuery.Uploadify/uploadify.swf',
                //后台处理的页面
                'uploader': URL_Upload + '?key=' + strGuid + '&Upload_Type=shop' + '&Upload_IsBatchSingle=Batch' + '&jsonPCallback=success_jsonpCallback',
                //按钮显示的文字
                'buttonText': '浏览图片',
                //显示的高度和宽度，默认 height 30；width 120
                //'height': 15,
                //'width': 80,
                //上传文件的类型  默认为所有文件    'All Files'  ;  '*.*'
                //在浏览窗口底部的文件类型下拉菜单中显示的文本
                'fileTypeDesc': 'Image Files',
                //允许上传的文件后缀
                'fileTypeExts': '*.gif; *.jpg; *.png',
                'cancelImg': '/UI.Web.CRM.Main/jQuery.Uploadify/uploadify-cancel.png',
                //发送给后台的其他参数通过formData指定
                //'formData': { 'someKey': 'someValue', 'someOtherKey': 1 },
                //上传文件页面中，你想要用来作为文件队列的元素的id, 默认为false  自动生成,  不带#
                //'queueID': 'fileQueue',
                //选择文件后自动上传
                'auto': false,
                //设置为true将允许多文件上传
                'multi': true,
                //上传成功后执行
                'removeCompleted': false,
                'onUploadSuccess': function (file, result, response) {

                    $('#' + file.id).find('.data').html(' 上传完毕');

                    var PicName = result.split(',')[0];
                    var PicUrl = result.split(',')[2];
                    var PicSize = result.split(',')[1];
                    var PicUrl = PicUrl + "/" + PicName;
                    var GroupName = $('#Batch_PicCollectName').val();
                    var PicInfo = $('#Batch_PicCollectName').val();
                    var Keywords = $('#Batch_PicCollectName').val();
                    //--往 PicLib 表中插数据（每个图集中的图片） 开始 --

                    var _json = jQuery.param({ "PicUrl": PicUrl, "PicName": PicName, "PicSize": PicSize, "GroupName": GroupName, "PicInfo": PicInfo, "Keywords": Keywords });//这是参数
                    $.ajax({
                        url: '/Handler/Handler_PicLib/PicLibsHandler.ashx?Func=addpiclib',
                        type: 'POST',
                        async: false,
                        data: _json, //这里是传递参数，不能直接写成 {id:"20150910",name:"jdqp"}
                        dataType: 'json',
                        cache: false,
                        success: function (result) {
                            //--往PicColItem表中插数据（每个图集中的图片） 开始 --

                            var PicCollectId = $('#Batch_PicCollectId').val();
                            var PicId = result.JsCode;
                            var Thumbed = "";
                            var Iconed = "";
                            var Bannered = "";
                            var DisplayOrder = "";

                            var _json = jQuery.param({ "PicCollectId": PicCollectId, "PicId": PicId, "Thumbed": Thumbed, "Iconed": Iconed, "Bannered": Bannered, "DisplayOrder": DisplayOrder });//这是参数
                            $.ajax({
                                url: '/Handler/Handler_PicLib/PicColsHandler.ashx?Func=addpiccolitem',
                                type: 'POST',
                                async: false,
                                data: _json, //这里是传递参数，不能直接写成 {id:"20150910",name:"jdqp"}
                                dataType: 'json',
                                cache: false,
                                success: function (result) {
                                    $.messager.show({
                                        title: '提示',
                                        msg: '数据保存成功。'
                                    });
                                }
                            })

                            //--往PicColItem表中插数据（每个图集中的图片） 结束 --
                        }
                    })

                    //--往 PicLib 表中插数据（每个图集中的图片） 结束 --
                }
            });
            //----批量上传图片 结束----
})