<!--相关的几个模态框-->

<!--1 S    上传图片的模态框-->

<%--隐藏打开的index--%>

<input type="hidden" id="hidden_picture_index">

<div class="x-body" style="display: none" id="pictureModal">

    <div class="layui-upload">

        <!--隐藏培养方案编号-->

        <input type="hidden" id="hidden_trainSchemeId">

        <!--隐藏上传文件的操作-->

        <input type="hidden" id="hidden_tmp_index">

        <button type="button" class="layui-btn" id="structurePicture"><!--动态赋值--></button>

        <!--预留一个预览的img标签-->

        <div id="imgDiv" style="display: none;margin-top: 10px;">

            <img id="imgPreview" width="400px" height="200px">

        </div>

        <div id="promptDiv" style="margin-top: 10px;display: none">

            <p><font style="font-size: 30px">您还没有上传课程关系结构图，请先上传课程关系结构图!</font></p>

        </div>

    </div>

</div>

<!--1 E    上传图片的模态框-->

layui.use(['upload','layer'],function () {

    var upload = layui.upload,layer = layui.layer;

    //普通图片上传

    var uploadInst = upload.render({

        elem: '#structurePicture',//绑定的元素

        url: contextPath+'/TrainPicture/uploadTrainPicture.do',//提交的url

        auto:true,//是否自动上传

        accept:"images",//指定允许上传的文件类型

        multiple:false,//支持多文件上传

        acceptMime:"image/*",//规定打开文件选择框时，筛选出的文件类型

/*        data:{

            trainningschemeid:  $("#hidden_trainSchemeId").val()

        },//额外携带的培养方案编号*/

        before: function(obj){

            this.data={"trainningschemeid": $("#hidden_trainSchemeId").val()}//携带额外的数据

            //预读本地文件示例，不支持ie8

            obj.preview(function(index, file, result){

                $('#imgPreview').attr('src', result); //图片链接（base64）

            });

            var index = layer.load(); //开始上传之后打开load层

            $("#hidden_tmp_index").val(index);//将load层的index隐藏到页面中

        },

        done: function(res, index, upload){ //假设code=0代表上传成功

            layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的

            if(res.msg=="上传成功"){

                //提示上传成功(关闭之后将按钮的内容变为更换图片)

                layer.msg(res.msg, {icon: 1,time:2*1000},function () {

                    $("#structurePicture").text("更换主要课程关系结构图");//按钮标题置为上传图片

                    $("#promptDiv").css("display","none");//隐藏提示语

                    $("#imgDiv").css("display","");//显示图片框

                });

            }

        }

    });

})

/*************E  上传培养方案课程结构图相关操作***************/

    @RequestMapping("/uploadTrainPicture")

    public ResposeResult addTrainPicture(Trainpicture trainpicture, MultipartFile file){

        //1.保存图片到本地

        String fileoriname=null;//原名称

        String filenowname=null;//系统生成的名称

        if(file != null){

            fileoriname = file.getOriginalFilename();//获取原名字

            filenowname = UUIDUtil.getUUID2()+ "."+FilenameUtils.getExtension(fileoriname);//UUID生成新的唯一名字+文件扩展名

        }

        try {

             FileHandleUtil.uploadSpringMVCFile(file, "trainPicture", filenowname);

        } catch (Exception e) {

            logger.error("保存培养方案图片出错",e);

        }

        //2.调用service保存数据库

        trainpicture.setPictureoriname(fileoriname);

        trainpicture.setPicturenowname(filenowname);

        trainpicture.setUptime(new Date());

        ResposeResult resposeResult = new ResposeResult();

        String result = null;

        try {

            result = trainPictureService.addTrainPicture(trainpicture)?"上传成功":"上传失败";

        } catch (SQLException e) {

            result = "上传失败";

            logger.error("保存培养方案数据库出错",e);

        }

        resposeResult.setMsg(result);

        return resposeResult;

    }