PluginProbe
WPOSS阿里云对象存储 / trunk
WPOSS阿里云对象存储 vtrunk
trunk 4.9 5.0
wposs / setting.php

setting.php in WPOSS阿里云对象存储 trunk, at setting.php

245 lines 11.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <style>
2 .wpossform .layui-form-label{width:120px;}
3 .wpossform .layui-input{width: 350px;}
4 .wpossform .layui-form-mid{margin-left:3.5%;}
5 .laobuluo-wp-hidden {position: relative;}
6 .laobuluo-wp-hidden .laobuluo-wp-eyes{padding: 5px;position:absolute;top:3px;z-index: 999;display: none;}
7 .laobuluo-wp-hidden i{font-size:20px;}
8 .laobuluo-wp-hidden i.dashicons-visibility{color:#009688 ;}
9 @media (max-width: 992px) { .laobuluo-sidebar-qrcode { display: none !important; } }
10 </style>
11 <link rel='stylesheet' href='<?php echo plugin_dir_url( __FILE__ );?>layui/css/layui.css' />
12 <link rel='stylesheet' href='<?php echo plugin_dir_url( __FILE__ );?>layui/css/laobuluo.css'/>
13 <script src='<?php echo plugin_dir_url( __FILE__ );?>layui/layui.js'></script>
14
15 <div class="container-laobuluo-main">
16 <div class="laobuluo-wbs-header" style="margin-bottom: 15px;">
17 <div class="laobuluo-wbs-logo"><span class="wbs-span">WPOSS - 阿里云对象存储插件</span><span class="wbs-free">Free V5.0</span></div>
18 <div class="laobuluo-wbs-btn">
19 <a class="layui-btn layui-btn-primary" href="https://www.lezaiyun.com/cloud-disk.html" target="_blank"><i class="layui-icon layui-icon-home"></i> 插件主页</a>
20 <a class="layui-btn layui-btn-primary" href="https://www.lezaiyun.com/contact/" target="_blank"><i class="layui-icon layui-icon-release"></i> 技术支持</a>
21 </div>
22 </div>
23 </div>
24
25 <!-- �
26 容 -->
27 <div class="container-laobuluo-main">
28 <div class="layui-container container-m">
29 <div class="layui-row layui-col-space15">
30 <!-- 左边 -->
31 <div class="layui-col-md9">
32 <div class="laobuluo-panel">
33 <div class="laobuluo-controw">
34 <fieldset class="layui-elem-field layui-field-title site-title">
35 <legend><a name="get">设置选项</a></legend>
36 </fieldset>
37 <form class="layui-form wpossform" action="<?php echo esc_url(admin_url('admin.php?page=' . $this->base_folder . '/index.php')); ?>" name="wposs_form" method="post">
38 <?php wp_nonce_field('wposs_settings', '_wpnonce'); ?>
39 <div class="layui-form-item">
40 <label class="layui-form-label">Bucket 名称</label>
41 <div class="layui-input-block">
42 <input type="text" class="layui-input" name="bucket" value="<?php echo esc_attr($this->options['bucket'] ?? ''); ?>" size="50" placeholder="BUCKET"/>
43 <div class="layui-form-mid layui-word-aux">我们需要在 <a href="https://oss.console.aliyun.com/overview" target="_blank" style="text-decoration:underline">阿里云OSS控制台</a> 创建
44 <code>Bucket</code> ，再填写以上�
45 容。 比如：<span class="layui-badge layui-bg-green">laojiang</span></div>
46 </div>
47 </div>
48 <div class="layui-form-item">
49 <label class="layui-form-label">EndPoint 地域节点</label>
50 <div class="layui-input-block">
51 <input type="text" class="layui-input" name="endpoint" value="<?php echo esc_attr($this->options['endpoint'] ?? ''); ?>" size="50" placeholder="示范：oss-cn-shanghai.aliyuncs.com"/>
52 <div class="layui-form-mid layui-word-aux" style="line-height:30px;">
53 1. 我们在创建Bucket之后，在[概况]</span>中，可以看到 EndPoint 地域节点</br>
54 2. 如果我们的WordPress部署在非阿里云服务器，则输�
55 �[外网访问]对应的EndPoint节点</br>
56 3. 如果使用的是[ECS 的经�
57 �网络访问]或�
58 [ECS 的 VPC 网络访问]则对应的EndPoint节点</br>
59 </div>
60 </div>
61 </div>
62 <div class="layui-form-item">
63 <label class="layui-form-label">Bucket 域名</label>
64 <div class="layui-input-block">
65 <input type="text" class="layui-input" name="upload_url_path" value="<?php echo esc_url(get_option('upload_url_path') ?: ''); ?>" size="60" placeholder="请输�
66 �Bucket域名（或�
67 /）自定义目录"/>
68 <div class="layui-form-mid layui-word-aux" style="line-height:30px;">
69 1. URL前缀的格式为 <code>{http或https}://{bucket} 域名地址</code>/<code><font color="red">可自定义目录</font></code>（最后不加斜杠）</br>
70 2. 示范A： <code>https://laojiang.oss-cn-shanghai.aliyuncs.com</code></br>
71 3. 示范B： <code>http://oss.laojiang.me/<font color="red">laojiang</font></code></br>
72 </div>
73 </div>
74 </div>
75 <div class="layui-form-item">
76 <label class="layui-form-label">AccessKey ID</label>
77 <div class="layui-input-block">
78 <div class="laobuluo-wp-hidden">
79 <input type="password" class="layui-input" name="accessKeyId" value="<?php echo esc_attr($this->options['accessKeyId'] ?? ''); ?>" size="50" placeholder="AccessKeyId"/>
80 <span class="laobuluo-wp-eyes"><i class="dashicons dashicons-hidden"></i></span>
81 </div>
82 </div>
83 </div>
84 <div class="layui-form-item">
85 <label class="layui-form-label">AccessKey Secret</label>
86 <div class="layui-input-block">
87 <div class="laobuluo-wp-hidden">
88 <input type="password"class="layui-input" name="accessKeySecret" value="<?php echo esc_attr($this->options['accessKeySecret'] ?? ''); ?>" size="50" placeholder="AccessKeySecret"/>
89 <span class="laobuluo-wp-eyes"><i class="dashicons dashicons-hidden"></i></span>
90 </div>
91 <div class="layui-form-mid layui-word-aux">AccessKey API需要我们参考教程中获取当前账户的API信息，然后填写。</div>
92 </div>
93 </div>
94 <div class="layui-form-item">
95 <label class="layui-form-label">自动重命名</label>
96 <div class="layui-input-inline" style="width:60px;">
97 <input type="checkbox" name="auto_rename" title="设置"
98 <?php
99 if (isset($this->options['opt']['auto_rename']) and $this->options['opt']['auto_rename']) {
100 echo 'checked="TRUE"';
101 }
102 ?>
103 />
104 </div>
105 <div class="layui-form-mid layui-word-aux">上传文件自动重命名，解决中文文件名或�
106 重复文件名问题</div>
107 </div>
108 <div class="layui-form-item">
109 <label class="layui-form-label">不在本地保留备份</label>
110 <div class="layui-input-inline" style="width:60px;">
111 <input type="checkbox" name="no_local_file" title="设置"
112 <?php
113 if (!empty($this->options['no_local_file'])) {
114 echo 'checked="TRUE"';
115 }
116 ?>
117 />
118 </div>
119 <div class="layui-form-mid layui-word-aux">如果我们只需要将图片等静态文件上传放置OSS中，则勾选。</div>
120 </div>
121 <div class="layui-form-item">
122 <label class="layui-form-label">禁止缩略图</label>
123 <div class="layui-input-inline" style="width:60px;">
124 <input type="checkbox" name="disable_thumb" title="禁止"
125 <?php
126 if (isset($this->options['opt']['thumbsize'])) {
127 echo 'checked="TRUE"';
128 }
129 ?>
130 />
131 </div>
132 <div class="layui-form-mid layui-word-aux">�
133 生成和上传主图，禁止缩略图裁剪。</div>
134 </div>
135 <div class="layui-form-item">
136 <label class="layui-form-label"></label>
137 <div class="layui-input-block">
138 <button class="layui-btn" type="submit" name="submit" value="保存设置" lay-submit lay-filter="formDemo">保存设置</button>
139 </div>
140 </div>
141 <input type="hidden" name="type" value="info_set">
142 </form>
143 </div>
144 </div>
145 </div>
146 <!-- 左边 -->
147 <!-- 右边 -->
148 <div class="layui-col-md3">
149 <div id="nav">
150 <div class="laobuluo-panel laobuluo-sidebar-qrcode">
151 <div class="laobuluo-panel-title">�
152 �注�
153 �众号</div>
154 <div class="laobuluo-code">
155 <img src="<?php echo plugin_dir_url(__FILE__); ?>layui/images/qrcode.png">
156 <p>微信扫码�
157 �注 <span class="layui-badge layui-bg-blue">老蒋朋友圈</span> �
158 �众号</p>
159 <p><span class="layui-badge">优�
160 �</span> 获取插件更新 和 更多 <span class="layui-badge layui-bg-green">�
161 �费插件</span> </p>
162 </div>
163 </div>
164
165
166 </div>
167 </div>
168 <!-- 右边 end -->
169 </div>
170 </div>
171 </div>
172 <!-- �
173 容 -->
174 <!-- footer -->
175 <div class="container-laobuluo-main">
176 <div class="layui-container container-m">
177 <div class="layui-row layui-col-space15">
178 <div class="layui-col-md12">
179 <div class="laobuluo-footer-code">
180 <span class="codeshow"></span>
181 </div>
182 <div class="laobuluo-links">
183 <a href="https://www.lezaiyun.com/" target="_blank">乐在云工作室</a>
184 <a href="https://www.zhujipingjia.com/pianyivps.html" target="_blank">便宜VPS推荐</a>
185 <a href="https://www.zhujipingjia.com/hkcn2.html" target="_blank">香港VPS推荐</a>
186 <a href="hhttps://www.zhujipingjia.com/uscn2gia.html" target="_blank">美国VPS推荐</a>
187 </div>
188 </div>
189 </div>
190 </div>
191 </div>
192 <!-- footer -->
193 <script>
194 layui.use(['form', 'element','jquery'], function() {
195 var $ =layui.jquery;
196 var form = layui.form;
197 function menuFixed(id) {
198 var obj = document.getElementById(id);
199 var _getHeight = obj.offsetTop;
200 var _Width= obj.offsetWidth
201 window.onscroll = function () {
202 changePos(id, _getHeight,_Width);
203 }
204 }
205 function changePos(id, height,width) {
206 var obj = document.getElementById(id);
207 obj.style.width = width+'px';
208 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
209 var _top = scrollTop-height;
210 if (_top < 150) {
211 var o = _top;
212 obj.style.position = 'relative';
213 o = o > 0 ? o : 0;
214 obj.style.top = o +'px';
215
216 } else {
217 obj.style.position = 'fixed';
218 obj.style.top = 50+'px';
219
220 }
221 }
222 menuFixed('nav');
223
224 var laobueys = $('.laobuluo-wp-hidden')
225
226 laobueys.each(function(){
227
228 var inpu = $(this).find('.layui-input');
229 var eyes = $(this).find('.laobuluo-wp-eyes')
230 var width = inpu.outerWidth(true);
231 eyes.css('left',width+'px').show();
232
233 eyes.click(function(){
234 if(inpu.attr('type') == "password"){
235 inpu.attr('type','text')
236 eyes.html('<i class="dashicons dashicons-visibility"></i>')
237 }else{
238 inpu.attr('type','password')
239 eyes.html('<i class="dashicons dashicons-hidden"></i>')
240 }
241 })
242 })
243
244 })
245 </script>