hebei-chengben-car/modules/admin/views/settings/upload.php

<?php
use yii\widgets\ActiveForm;
use app\assets\CoreAsset;
$asset = CoreAsset::register($this);
$assetsUrl = $asset->baseUrl;
?>
<div class="card main-wrapper">
    <div class="card-body">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link <?php if($tab==1){?> active <?php }?>" data-bs-toggle="tab" href="#upload" >
                    <span class="d-none d-sm-block">上传设置</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link <?php if($tab==2){?> active <?php }?>" data-bs-toggle="tab" href="#save" >
                    <span class="d-none d-sm-block">存储设置</span>
                </a>
            </li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content p-3 text-muted">
            <div class="tab-pane <?php if($tab==1){?> active <?php }?>" id="upload" >
                <?php  ActiveForm::begin(['options' => ['class' => 'form-horizontal'], 'enableClientValidation' => true]); ?>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">单个最大文件</label>
                    <div class="col-md-5">
                        <div class="input-group">
                            <input type="text" class="form-control" name="attachment[file_single_size_limit]" autocomplete="off" value="<?php echo $config['file_single_size_limit'];?>" >
                            <span class="input-group-text" >MB</span>
                        </div>
                    </div>
                    <div class="text-muted col-md-5 input-word-aux" >提示：此处设置的值需要与PHP配置"upload_max_filesize"值保持一致</div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">单次最大上传</label>
                    <div class="col-md-5">
                        <div class="input-group">
                            <input type="text" class="form-control" name="attachment[file_size_limit]" autocomplete="off" value="<?php echo $config['file_size_limit'];?>" >
                            <span class="input-group-text" >MB</span>
                        </div>
                    </div>
                    <div class="text-muted col-md-5 input-word-aux" >提示：1 M = 1024 KB</div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">一次最多选择文件数</label>
                    <div class="col-md-5">
                        <div class="input-group">
                            <input type="text" class="form-control" name="attachment[file_num_limit]" autocomplete="off" value="<?php echo $config['file_num_limit'];?>">
                        </div>
                    </div>

                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">上传文件类型</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="attachment[file_type]" autocomplete="off" value="<?php echo $config['file_type'];?>">
                    </div>
                    <div class="text-muted col-md-5 input-word-aux" >提示：请以 | 分隔</div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">开启文件水印</label>
                    <div class="col-md-5 " >
                        <input  value="1"  id="switch-watermak" type="checkbox" switch="success" class="row-switch" name="attachment[open_watermark]"  <?php if($config['open_watermark']){?> checked <?php }?>>
                        <label style="padding-top:1em" class="switch-check-label mt10" for="switch-watermak" data-on-label="是" data-off-label="否"></label>
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">水印生效条件</label>
                    <div class="col-md-2">
                        <div class="input-group">
                            <input type="text" class="form-control" name="attachment[watermark_min_width]" autocomplete="off" placeholder="最低宽度"  value="<?php echo $config['watermark_min_width'];?>">
                            <span class="input-group-text" >PX</span>
                        </div>
                    </div>
                    <div class="text-muted  mb-2 col-sm-auto input-word-aux " style="text-align: center;" >×</div>
                    <div class="col-md-2">
                        <div class="input-group">
                            <input type="text" class="form-control" name="attachment[watermark_min_height]" autocomplete="off" placeholder="最低高度"  value="<?php echo $config['watermark_min_height'];?>">
                            <span class="input-group-text" >PX</span>
                        </div>
                    </div>
                    <div class="text-muted  col-sm-auto input-word-aux" >提示：图片或布局大于该尺寸，水印功能才生效</div>
                </div>

                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">水印透明度</label>
                    <div class="col-md-5">
                        <div class="input-group">
                            <input data-toggle="touchspin" name="attachment[watermark_pct]" id="watermark_pct" type="text" value="<?php echo $config['watermark_pct'];?>">
                        </div>
                    </div>
                    <div class="text-muted  col-md-5 input-word-aux" >提示：请设置为0-100之间的数字，0代表完全透明，100代表不透明</div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">水印质量</label>
                    <div class="col-md-5">
                        <div class="input-group">
                            <input data-toggle="touchspin" name="attachment[watermark_quality]" id="watermark_quality" type="text" value="<?php echo $config['watermark_quality'];?>">
                        </div>
                    </div>
                    <div class="text-muted col-md-5 input-word-aux" >提示：水印质量请设置为0-100之间的数字,决定 jpg 格式图片的质量</div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">水印位置</label>
                    <div class="col-md-5">
                        <select class="form-select" data-dselect-clearable="true" name="attachment[watermark_pos]">
                            <option value="">请选择</option>
                            <?php if(is_array(Yii::$app->controller->waterMarkPos))foreach(Yii::$app->controller->waterMarkPos as $k=>$v){?>
                            <option value="<?php echo $k;?>" <?php if($config['watermark_pos']==$k){?> selected <?php }?>><?php echo $v;?></option>
                            <?php }?>
                        </select>
                    </div>
                    <div class="text-muted  col-md-5 input-word-aux" >提示：水印质量请设置为0-100之间的数字,决定 jpg 格式图片的质量</div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">存储绝对URL路径</label>
                    <div class="col-sm-auto  ">
                        <input  value="1"  id="switch-absolute_url" type="checkbox" switch="success" class="row-switch" name="attachment[absolute_url]" <?php if($config['absolute_url']){?> checked <?php }?>>
                        <label class="switch-check-label mt10" for="switch-absolute_url" data-on-label="是" data-off-label="否"></label>
                    </div>
                    <div class="text-muted col-sm-auto input-word-aux" >提示：开启后所有附件都将存储绝对URL路径(考虑到后续存储做分布式，可以开启此项)</div>
                </div>
                <div class="row justify-content-end">
                    <div class="col-md-10">
                        <div>
                            <button type="submit" class="btn btn-primary w-md">提交</button>
                        </div>
                    </div>
                </div>

                <?php ActiveForm::end(); ?>
            </div>
            <div class="tab-pane <?php if($tab==2){?> active <?php }?>" id="save" >
                <blockquote class="blockquote font-size-14 mb-4">
                    <p>启用oss后，请把/upload目录（不包括此目录）下的子文件及子目录同步至oss服务器,S3标准需要配置SSL证书</p>
                </blockquote>
                <?php  ActiveForm::begin(['options' => ['class' => 'form-horizontal'], 'enableClientValidation' => true]); ?>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">Access Key ID</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="oss[OSS_ACCESS_KEY]" autocomplete="off" value="<?php echo $ossConfig['OSS_ACCESS_KEY'];?>" >
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">Access Key Secret</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="oss[OSS_ACCESS_SECRET]" autocomplete="off" value="<?php echo $ossConfig['OSS_ACCESS_SECRET'];?>" >
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">EndPoint</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="oss[OSS_ENDPOINT]" autocomplete="off" value="<?php echo $ossConfig['OSS_ENDPOINT'];?>">
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">Internal EndPoint</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="oss[OSS_INTERNAL_ENDPOINT]" autocomplete="off" value="<?php echo $ossConfig['OSS_INTERNAL_ENDPOINT'];?>">
                    </div>
                    <div class="text-muted  col-md-5 input-word-aux" >提示：填写此项实现内网通信，没有该值时请填写EndPoint</div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">BUCKET</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="oss[OSS_BUCKET]" autocomplete="off" value="<?php echo $ossConfig['OSS_BUCKET'];?>">
                    </div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">区域</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="oss[OSS_REGION]" autocomplete="off" value="<?php echo $ossConfig['OSS_REGION'];?>">
                    </div>
                    <div class="text-muted  col-md-5 input-word-aux" >提示：用于腾讯云COS（例如：ap-nanjing）和Amazon S3（例如：us-east-2）</div>
                </div>
                <div class="mb-3 row">
                    <label  class="col-md-2 col-form-label">自定义域名</label>
                    <div class="col-md-5">
                        <input type="text" class="form-control" name="oss[OSS_DOMAIN]" autocomplete="off" value="<?php echo $ossConfig['OSS_DOMAIN'];?>">
                    </div>
                    <div class="text-muted  col-md-5 input-word-aux" >提示：用于自定义对象的访问域名，隐藏对象存储的原生域名</div>
                </div>

                <div class="mb-3 row">
                        <label  class="col-md-2 col-form-label">OSS类型</label>
                        <div class="col-sm-auto">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="oss[OSS_TYPE]"  value="ali" <?php if($ossConfig['OSS_TYPE']=='ali'){?> checked <?php }?>>
                                <label class="form-check-label">
                                    阿里云
                                </label>
                            </div>
                        </div>
                        <div class="col-sm-auto">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="oss[OSS_TYPE]" value="tencent" <?php if($ossConfig['OSS_TYPE']=='tencent'){?> checked <?php }?>>
                                <label class="form-check-label" >
                                    腾讯云
                                </label>
                            </div>
                        </div>
                        <div class="col-sm-auto">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="oss[OSS_TYPE]" value="baidu" <?php if($ossConfig['OSS_TYPE']=='baidu'){?> checked <?php }?>>
                                <label class="form-check-label" >
                                    百度云
                                </label>
                            </div>
                        </div>
                        <div class="col-sm-auto">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="oss[OSS_TYPE]" value="s3" <?php if($ossConfig['OSS_TYPE']=='s3'){?> checked <?php }?>>
                                <label class="form-check-label" >
                                    Amazon S3
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label  class="col-md-2 col-form-label">启用OSS</label>
                        <div class="col-sm-auto">
                            <input  value="1"  id="switch-oss" type="checkbox" switch="success" class="row-switch" name="oss[OPEN_OSS]"  <?php if($ossConfig['OPEN_OSS']){?> checked <?php }?>>
                            <label class="switch-check-label mt10" for="switch-oss" data-on-label="是" data-off-label="否"></label>
                        </div>
                        <div class="text-muted col-sm-auto input-word-aux" >提示：开启后所有附件都将存储在OSS服务器，关闭则存储于本地</div>
                    </div>
                    <div class="mb-3 row">
                        <label  class="col-md-2 col-form-label">启用内网通信</label>
                        <div class="col-sm-auto">
                            <input  value="1"  id="switch-internal" type="checkbox" switch="success" class="row-switch" name="oss[OPEN_INTERNAL]"  <?php if($ossConfig['OPEN_INTERNAL']){?> checked <?php }?>>
                            <label class="switch-check-label mt10" for="switch-internal" data-on-label="是" data-off-label="否"></label>
                        </div>
                        <div class="text-muted col-sm-auto input-word-aux" >提示：如果云服务器与OSS的服务商和地区都相同，可以开启此项来减少OSS流量消耗</div>
                    </div>
                    <div class="mb-3 row">
                        <label  class="col-md-2 col-form-label">启用OSS图片封面</label>
                        <div class="col-sm-auto">
                            <input  value="1"  id="switch-ossthumb" type="checkbox" switch="success" class="row-switch" name="oss[OSS_THUMB]"  <?php if($ossConfig['OSS_THUMB']){?> checked <?php }?>>
                            <label class="switch-check-label mt10" for="switch-ossthumb" data-on-label="是" data-off-label="否"></label>
                        </div>
                        <div class="text-muted col-sm-auto input-word-aux" >提示：开启后前台封面图将不缓存本地，直接通过OSS生成封面</div>
                    </div>
                    <div class="row justify-content-end">
                        <div class="col-md-10">
                            <div>
                                <button type="submit" class="btn btn-primary w-md">提交</button>
                            </div>
                        </div>
                    </div>
                    <?php ActiveForm::end(); ?>
                </div>
            </div>
        </div>
    </div>
    <!-- end card body -->
</div>
<script src="<?php echo $assetsUrl;?>/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js"></script>
<script>
    $("#watermark_pct").TouchSpin({
        initval: 80,
        buttondown_class: "btn btn-primary",
        buttonup_class: "btn btn-primary"
    })
    $("#watermark_quality").TouchSpin({
        initval: 80,
        buttondown_class: "btn btn-primary",
        buttonup_class: "btn btn-primary"
    })
</script>