如何在同一网页使用多个 zyupload

玉墨言 2016-08-19 10:32:41

 <li>

                                    <span><i>*</i>上传头像</span>

                                </li>

                                <li><!--<a class="up_headimg"></a>-->

                                    <div class="userimgbox">

                                        <input id="figureGroup" type="hidden" runat="server" name="figureGroup" />

                                    </div>

                                </li>

                                <li>

                                    <span><i>*</i>上传个人微信二维码</span>

                                </li>

                                <li>

                                    <!--<a class="up_wx_cdimg"></a>-->

                                    <div class="userimgbox_wx">

                                        <input id="figureGroup_wx" type="hidden" runat="server" name="figureGroup_wx" />

                                    </div>

                                </li>

 // 初始化插件

            $(".userimgbox").zyUpload({

                width: "100%",                 // 宽度

                height: "100%",                 // 宽度

                itemWidth: "164px",                 // 文件项的宽度

                itemHeight: "100px",                 // 文件项的高度

                fromId:"figureGroup",

                url: "/upload/UploadAction",              // 上传文件的路径,无用参数改为提交本地

                fileType: ["jpg", "png", "jpeg"],// 上传文件的类型

                fileSize: 51200000,                // 上传文件的大小

                multiple: false,                    // 是否可以多个文件上传

                dragDrop: false,                   // 是否可以拖动上传文件

                tailor: false,                   // 是否可以裁剪图片

                del: true,                    // 是否可以删除文件

                finishDel: false,  				  // 是否在上传文件完成后删除预览

                /* 外部获得的回调接口 */

                onSelect: function (selectFiles, allFiles) {    // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件

                    console.info("当前选择了以下文件：");

                    console.info(selectFiles);

                },

                onDelete: function (file, files) {              // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件

                    console.info("当前删除了此文件：");

                    console.info(file.name);

                },

                onSuccess: function (file, response) {          // 文件上传成功的回调方法

                    //console.info("此文件上传成功：");

                    //console.info(file.name);

                    //console.info("此文件上传到服务器地址：");

                    //console.info(response);

                    //$("#uploadInf").append("<p>上传成功，文件地址是：" + response + "</p>");

                    var group = $("#figureGroup").val() + response + ",";

                    $("#figureGroup").val(group)

                },

                onFailure: function (file, response) {          // 文件上传失败的回调方法

                    //console.info("此文件上传失败：");

                    //console.info(file.name);

                    msgBox.tips("图片上传失败！", 2, 1000)

                },

                onComplete: function (response) {           	  // 上传完成的回调方法

                    msgBox.showLoading("正在处理，请稍候...", false);

                    //$("#form_Register").submit();



                    //console.info("文件上传完成");

                    //console.info(response);

                }

            });