ThinkAdmin/app/admin/view/config/storage-alioss.html

<form onsubmit="return false" data-auto="true" action="{:url()}" method="post" class='layui-form layui-card' autocomplete="off">
    <div class="layui-card-body">

        <div class="color-text margin-left-40 margin-bottom-20 layui-code text-center layui-bg-gray" style="border-left-width:1px">
            <p class="margin-bottom-5 font-w7">文件将上传到阿里云 OSS 存储，需要配置 OSS 公开访问及跨域策略</p>
            <p>直传需要配置跨域规则，设置来源为 *，允许 Methods 为 POST，允许 Headers 为 *</p>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="storage.allow_exts">
                <span class="color-green font-w7">AllowExts</span><br><span class="nowrap color-desc">允许类型</span>
            </label>
            <div class="layui-input-block">
                <input id="storage.allow_exts" type="text" name="storage.allow_exts" required value="{:sysconf('storage.allow_exts')}" placeholder="请输入系统文件上传后缀" class="layui-input">
                <p class="help-block">设置系统允许上传文件的后缀，多个以英文逗号隔开如：png,jpg,rar,doc</p>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label label-required">
                <span class="color-green font-w7">Protocol</span><br><span class="nowrap color-desc">访问协议</span>
            </label>
            <div class="layui-input-block">
                {foreach ['http','https','auto'] as $protocol}
                <label class="think-radio">
                    {if sysconf('storage.alioss_http_protocol') eq $protocol}
                    <input checked type="radio" name="storage.alioss_http_protocol" value="{$protocol}" lay-ignore> {$protocol}
                    {else}
                    <input type="radio" name="storage.alioss_http_protocol" value="{$protocol}" lay-ignore> {$protocol}
                    {/if}
                </label>
                {/foreach}
                <p class="help-block">阿里云OSS存储访问协议，其中 https 需要配置证书才能使用（auto 为相对协议）</p>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">
                <span class="color-green font-w7">Point</span><br><span class="nowrap color-desc label-required">存储区域</span>
            </label>
            <div class="layui-input-block">
                <select class="layui-select" name="storage.alioss_point" lay-search>
                    {foreach $points as $point => $title}
                    {if sysconf('storage.alioss_point') eq $point}
                    <option selected value="{$point}">{$title} {$point}</option>
                    {else}
                    <option value="{$point}">{$title} {$point}</option>
                    {/if}
                    {/foreach}
                </select>
                <p class="help-block">阿里云OSS存储空间所在区域，需要严格对应储存所在区域才能上传文件</p>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="storage.alioss_bucket">
                <span class="color-green font-w7">Bucket</span><br><span class="nowrap color-desc">空间名称</span>
            </label>
            <div class="layui-input-block">
                <input id="storage.alioss_bucket" type="text" name="storage.alioss_bucket" required value="{:sysconf('storage.alioss_bucket')}" placeholder="请输入阿里云OSS存储 Bucket (空间名称)" class="layui-input">
                <p class="help-block">填写OSS存储空间名称，如：think-admin-oss（需要是全区唯一的值，不存在时会自动创建）</p>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="storage.alioss_http_domain">
                <span class="color-green font-w7">Domain</span><br><span class="nowrap color-desc">访问域名</span>
            </label>
            <div class="layui-input-block">
                <input id="storage.alioss_http_domain" type="text" name="storage.alioss_http_domain" required value="{:sysconf('storage.alioss_http_domain')}" placeholder="请输入阿里云OSS存储 Domain (访问域名)" class="layui-input">
                <p class="help-block">填写OSS存储外部访问域名，如：static.ctolog.com</p>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="storage.alioss_access_key">
                <span class="color-green font-w7">AccessKey</span><br><span class="nowrap color-desc">访问密钥</span>
            </label>
            <div class="layui-input-block">
                <input id="storage.alioss_access_key" type="text" name="storage.alioss_access_key" required value="{:sysconf('storage.alioss_access_key')}" placeholder="请输入阿里云OSS存储 AccessKey (访问密钥)" class="layui-input">
                <p class="help-block">可以在 [ 阿里云 > 个人中心 ] 设置并获取到访问密钥</p>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" for="storage.alioss_secret_key">
                <span class="color-green font-w7">SecretKey</span><br><span class="nowrap color-desc">安全密钥</span>
            </label>
            <div class="layui-input-block">
                <input id="storage.alioss_secret_key" type="text" name="storage.alioss_secret_key" required value="{:sysconf('storage.alioss_secret_key')}" maxlength="43" placeholder="请输入阿里云OSS存储 SecretKey (安全密钥)" class="layui-input">
                <p class="help-block">可以在 [ 阿里云 > 个人中心 ] 设置并获取到安全密钥</p>
            </div>
        </div>

        <div class="hr-line-dashed margin-left-40"></div>
        <input type="hidden" name="storage.type" value="alioss">

        <div class="layui-form-item text-center padding-left-40">
            <button class="layui-btn" type="submit">保存配置</button>
            <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消修改吗？" data-close>取消修改</button>
        </div>

        <script>form.render()</script>

    </div>
</form>