haoshengxin/backend/views/webconfig/add_advert.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/3/17 0017
 * Time: 下午 3:41
 */
use yii\helpers\Url;
use yii\widgets\ActiveForm;
use common\models\UploadForm;
use kucha\ueditor\UEditor;
$position_arr = [
    '0'=>'轮播框',
    '1'=>'平台公告',
    '2'=>'轮播框下方',
];
//$type_arr = [
//    '0'=>'图片',
//    '1'=>'文字公告',
//    '2'=>'轮播框下方',
//]
?>
<script src="/js/layer/laydate/laydate.js"></script>
<style type="text/css">
.modal-backdrop.in {display: none!important;}
.modal-open .modal {background: rgba(0, 0, 0, 0.52);}
.modal.in .modal-dialog{position: fixed;margin-left: -300px;top: 10%;left: 50%;}
</style>
<?php if(empty($model->id)):?>
    <form action="<?=Url::toRoute(['webconfig/add_advert']);?>" method="post">
<?php else:?>
    <form action="<?=Url::toRoute(['webconfig/edit_advert']);?>" method="post">
<?php endif;?>
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content form-horizontal">

                        <div class="form-group">
                            <label class="col-sm-2 control-label">图片名称：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input type="text" name="Advert[name]" class="form-control " rows="2" maxlength="120" value="<?=empty($model->name)?"":"$model->name";?>">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">链接地址：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input name="Advert[link]" class="form-control " rows="2" maxlength="120" value="<?=empty($model->link)?"":"$model->link";?>">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">轮播顺序：</label>
                            <div class="col-sm-10" style="padding-left:0">
                                <input type="text" name="Advert[orderby]" class="form-control "  maxlength="255" value="<?=empty($model->orderby)?"":"$model->orderby";?>">
                            </div>
                        </div>

                        <!--上传封面-->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">上传图片：</label><br>
                            <a>
                                <img src="<?=empty($model->imgurl)?"":Yii::getAlias('@imgdomain').'/'."$model->imgurl"?>" class="img-thumbnail articlelibrary_imgurl" id="imgurl" style="width: 200px;height: 100px;" imgtype="img">
                                <input id="imgurl_input" type="hidden" name="Advert[imgurl]" value="<?=empty($model->imgurl)?"":"$model->imgurl"?>" >
                            </a>
                            <span>轮播图片大小为1000*480</span>
                        </div>

                        <input type="hidden" name="_csrf-backend" value="<?=Yii::$app->request->csrfToken;?>" />
                        <input type="hidden" name="id" value="<?=empty($model->id)?'': $model->id;?>" />
                        <div class="form-group">
                            <div class="col-sm-2"></div>
                            <div class="col-sm-10">
                                <button class="btn btn-default" id="submit">提交</button>
                                <button type="button" class="btn btn-default"><a href="<?=Url::toRoute(['webconfig/add_advert']);?>">取消添加</a></button>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
  

</form>
<!--上传封面图片的div-->
<iframe name="upload_target" style="display: none;"></iframe>
<div id="upload_picture" style="display: none;">
    <?php $form = ActiveForm::begin(
        [
            'options' => ['enctype' => 'multipart/form-data','target'=>'upload_target'],
            'action'=>Url::toRoute(['webconfig/advertimgurl']),
            'method'=>'post',
        ]
    )?>
    <?= $form->field($picture_form, 'imageFile')->fileInput() ?>
    <input type="hidden" id="upfield" name="type" value="advert">
    <?php ActiveForm::end() ?>
</div>

<script>
    // 富文本編輯器
    $(".summernote").summernote({lang:"zh-CN"});
    //$('#summernote').summernote({lang:"zh-CN"});
    //    上传封面
    $(".articlelibrary_imgurl").click(function(){
        $("#upload_picture input").click();
        $('#upload_picture input').change(function(){
            if($("#uploadpictureform-picture").val() != ""){
                $('#upload_picture form').submit();
            }
        });
//        var id = $(this).attr('id');
//        $('#upfield').attr('data',id);
//        var type=$(this).attr('imgtype');
//        $('#type').attr('value',type);

    });
    //    添加图片的返回函数
    function callback(message,status,url){
        if(status==1){
            var id = $('#upfield').attr('data');
            $('#imgurl').attr("src","<?=Yii::getAlias('@imgdomain'); ?>"+url);
            $('#imgurl_input').val(url);
//            $('#'+id+"_input").val(url);
            $("#uploadpictureform-picture").val("");
            $('#upload_picture form')[0].reset();
        }else{
            alert(message);
        }
    }
</script>