wposs / setting.php

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

371 lines 17.9 KB

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	</style>
10	<link rel='stylesheet' href='<?php echo plugin_dir_url( __FILE__ );?>layui/css/layui.css' />
11	<link rel='stylesheet' href='<?php echo plugin_dir_url( __FILE__ );?>layui/css/laobuluo.css'/>
12	<script src='<?php echo plugin_dir_url( __FILE__ );?>layui/layui.js'></script>
13
14	<div class="container-laobuluo-main">
15	<div class="laobuluo-wbs-header" style="margin-bottom: 15px;">
16	<div class="laobuluo-wbs-logo"><a><img src="<?php echo plugin_dir_url( __FILE__ );?>layui/images/logo.png"></a><span class="wbs-span">WPOSS - 阿里云对象存储插件</span><span class="wbs-free">Free V4.9</span></div>
17	<div class="laobuluo-wbs-btn">
18	<a class="layui-btn layui-btn-primary" href="https://www.laojiang.me/?utm_source=wposs-setting&utm_media=link&utm_campaign=header" target="_blank"><i class="layui-icon layui-icon-home"></i> 插件主页</a>
19	<a class="layui-btn layui-btn-primary" href="https://www.laojiang.me/5946.html?utm_source=wposs-setting&utm_media=link&utm_campaign=header" target="_blank"><i class="layui-icon layui-icon-release"></i> 插件教程</a>
20	</div>
21	</div>
22	</div>
23
24	<!-- �
25	容 -->
26	<div class="container-laobuluo-main">
27	<div class="layui-container container-m">
28	<div class="layui-row layui-col-space15">
29	<!-- 左边 -->
30	<div class="layui-col-md9">
31	<div class="laobuluo-panel">
32	<div class="laobuluo-controw">
33	<fieldset class="layui-elem-field layui-field-title site-title">
34	<legend><a name="get">设置选项</a></legend>
35	</fieldset>
36	<form class="layui-form wpossform" action="<?php echo wp_nonce_url('./admin.php?page=' . $this->base_folder . '/index.php'); ?>" name="wposs_form" method="post">
37	<div class="layui-form-item">
38	<label class="layui-form-label">Bucket 名称</label>
39	<div class="layui-input-block">
40	<input type="text" class="layui-input" name="bucket" value="<?php echo esc_attr($this->options['bucket']); ?>" size="50" placeholder="BUCKET"/>
41	<div class="layui-form-mid layui-word-aux">我们需要在 <a href="https://oss.console.aliyun.com/overview" target="_blank" style="text-decoration:underline">阿里云OSS控制台</a> 创建
42	<code>Bucket</code> ，再填写以上�
43	容。比如：<span class="layui-badge layui-bg-green">laobuluocom</span></div>
44	</div>
45	</div>
46	<div class="layui-form-item">
47	<label class="layui-form-label">EndPoint 地域节点</label>
48	<div class="layui-input-block">
49	<input type="text" class="layui-input" name="endpoint" value="<?php echo esc_attr($this->options['endpoint']); ?>" size="50" placeholder="示范：oss-cn-shanghai.aliyuncs.com"/>
50	<div class="layui-form-mid layui-word-aux" style="line-height:30px;">
51	1. 我们在创建Bucket之后，在[概况]</span>中，可以看到 EndPoint 地域节点</br>
52	2. 如果我们的WordPress部署在非阿里云服务器，则输�
53	�[外网访问]对应的EndPoint节点</br>
54	3. 如果使用的是[ECS 的经�
55	�网络访问]或�
56	[ECS 的 VPC 网络访问]则对应的EndPoint节点</br>
57	</div>
58	</div>
59	</div>
60	<div class="layui-form-item">
61	<label class="layui-form-label">Bucket 域名</label>
62	<div class="layui-input-block">
63	<input type="text" class="layui-input" name="upload_url_path" value="<?php echo esc_url(get_option('upload_url_path')); ?>" size="60" placeholder="请输�
64	�Bucket域名（或�
65	/）自定义目录"/>
66	<div class="layui-form-mid layui-word-aux" style="line-height:30px;">
67	1. URL前缀的格式为 <code>{http或https}://{bucket} 域名地址</code>/<code><font color="red">可自定义目录</font></code>（最后不加斜杠）</br>
68	2. 示范A： <code>https://laobuluo.oss-cn-shanghai.aliyuncs.com</code></br>
69	3. 示范B： <code>http://oss.laobuluo.com/<font color="red">laojiang</font></code></br>
70	</div>
71	</div>
72	</div>
73	<div class="layui-form-item">
74	<label class="layui-form-label">AccessKey ID</label>
75	<div class="layui-input-block">
76	<div class="laobuluo-wp-hidden">
77	<input type="password" class="layui-input" name="accessKeyId" value="<?php echo esc_attr($this->options['accessKeyId']); ?>" size="50" placeholder="AccessKeyId"/>
78	<span class="laobuluo-wp-eyes"><i class="dashicons dashicons-hidden"></i></span>
79	</div>
80	</div>
81	</div>
82	<div class="layui-form-item">
83	<label class="layui-form-label">AccessKey Secret</label>
84	<div class="layui-input-block">
85	<div class="laobuluo-wp-hidden">
86	<input type="password"class="layui-input" name="accessKeySecret" value="<?php echo esc_attr($this->options['accessKeySecret']); ?>" size="50" placeholder="AccessKeySecret"/>
87	<span class="laobuluo-wp-eyes"><i class="dashicons dashicons-hidden"></i></span>
88	</div>
89	<div class="layui-form-mid layui-word-aux">AccessKey API需要我们参考教程中获取当前账户的API信息( <a href="https://www.laobuluo.com/2228.html" target="_blank" style="text-decoration:underline">参考文章地址</a>)，然后填写。</div>
90	</div>
91	</div>
92	<div class="layui-form-item">
93	<label class="layui-form-label">自动重命名</label>
94	<div class="layui-input-inline" style="width:60px;">
95	<input type="checkbox" name="auto_rename" title="设置"
96	<?php
97	if (isset($this->options['opt']['auto_rename']) and $this->options['opt']['auto_rename']) {
98	echo 'checked="TRUE"';
99	}
100	?>
101	/>
102	</div>
103	<div class="layui-form-mid layui-word-aux">上传文件自动重命名，解决中文文件名或�
104	重复文件名问题</div>
105	</div>
106	<div class="layui-form-item">
107	<label class="layui-form-label">不在本地保留备份</label>
108	<div class="layui-input-inline" style="width:60px;">
109	<input type="checkbox" name="no_local_file" title="设置"
110	<?php
111	if ($this->options['no_local_file']) {
112	echo 'checked="TRUE"';
113	}
114	?>
115	/>
116	</div>
117	<div class="layui-form-mid layui-word-aux">如果我们只需要将图片等静态文件上传放置OSS中，则勾选。</div>
118	</div>
119	<div class="layui-form-item">
120	<label class="layui-form-label">禁止缩略图</label>
121	<div class="layui-input-inline" style="width:60px;">
122	<input type="checkbox" name="disable_thumb" title="禁止"
123	<?php
124	if (isset($this->options['opt']['thumbsize'])) {
125	echo 'checked="TRUE"';
126	}
127	?>
128	/>
129	</div>
130	<div class="layui-form-mid layui-word-aux">�
131	生成和上传主图，禁止缩略图裁剪。</div>
132	</div>
133	<div class="layui-form-item">
134	<label class="layui-form-label">图像处理</label>
135	<div class="layui-input-inline" style="width:60px;" >
136	<input type="checkbox" lay-filter="process_switch" name="img_process_switch" lay-skin="switch" lay-text="开启\|�
137	�闭"
138	<?php
139	if( isset($this->options['opt']['img_process']['switch']) &&
140	$this->options['opt']['img_process']['switch']){
141	echo 'checked="TRUE"';
142	}
143	?>
144	>
145	</div>
146	</div>
147	<div class="layui-form-item clashid" style="display:
148	<?php
149	if( isset($this->options['opt']['img_process']['switch']) &&
150	$this->options['opt']['img_process']['switch']){
151	echo 'block';
152	} else {
153	echo 'none';
154	}
155	?>;">
156	<?php
157	if (!isset($this->options['opt']['img_process']['style_value'])
158	or $this->options['opt']['img_process']['style_value'] === $this->image_display_default_value
159	or $this->options['opt']['img_process']['style_value'] === '') {
160
161	echo '<label class="layui-form-label">选择模式</label>
162	<div class="layui-input-block">
163	<input lay-filter="choice" name="img_process_style_choice" type="radio" value="0" checked="TRUE" title="webp压缩图片" >
164	</div>
165	<div class="layui-input-block">
166	<input lay-filter="choice" name="img_process_style_choice" type="radio" value="1" title="自定义规则">
167	</div>
168	<div class="layui-input-block" >
169	<input class="layui-input" style="margin-left:65px;"
170	name="img_process_style_customize" type="text" id="rss_rule" placeholder="请填写自定义规则"
171	value="" disabled="disabled">';
172	} else {
173	echo '<label class="layui-form-label">选择模式</label>
174	<div class="layui-input-block">
175	<input lay-filter="choice" name="img_process_style_choice" type="radio" value="0" title="webp压缩图片" >
176	</div>
177	<div class="layui-input-block">
178	<input lay-filter="choice" name="img_process_style_choice" type="radio" value="1" checked="TRUE" title="自定义规则">
179	</div>
180	<div class="layui-input-block" >
181	<input class="layui-input" style="margin-left:65px;"
182	name="img_process_style_customize" type="text" id="rss_rule" placeholder="请填写自定义规则"
183	value="' . $this->options['opt']['img_process']['style_value'] . '" >';
184
185	}
186	?>
187	<div class="layui-form-mid layui-word-aux">支持阿里云对象存储图片，压缩、转换格式、文字图片水印等。 <a href="https://www.laobuluo.com/3578.html" target="_blank">参考文档</a></div>
188	</div>
189	</div>
190	<div class="layui-form-item">
191	<label class="layui-form-label"></label>
192	<div class="layui-input-block">
193	<button class="layui-btn" type="submit" name="submit" value="保存设置" lay-submit lay-filter="formDemo">保存设置</button>
194	</div>
195	</div>
196	<input type="hidden" name="type" value="info_set">
197	</form>
198	<fieldset class="layui-elem-field layui-field-title site-title">
199	<legend><a name="get">一键替换OSS地址</a></legend>
200	</fieldset>
201	<blockquote class="layui-elem-quote">
202	<p>1. 网站本地已有静态文件，需要在测试�
203	�容WPOSS插件之后，将本地文件对应目录上传到阿里云OSS中（可用 <a href="https://www.laobuluo.com/3604.html" target="_blank" style="text-decoration:underline">OSSBrowser</a>）</p>
204	<p>2. 初次使用对象存储插件，可以通过下面按钮一键快速替换网站�
205	容中的原有图片地址更换为WPOSS地址</p>
206	<p>3. 如果是从�
207	�他对象存储或�
208	外部存储替换WPOSS插件的，可用 <a href="https://www.laobuluo.com/2693.html" target="_blank" style="text-decoration:underline">WPReplace</a> 插件替换。</p>
209	<p>4. 建议不熟悉的朋友�
210	�备份网站数据。</p>
211	</blockquote>
212	<form class="layui-form wpcosform" action="<?php echo wp_nonce_url('./admin.php?page=' . $this->base_folder . '/index.php'); ?>" name="wpqiniu_form2" method="post">
213	<div class="layui-form-item">
214	<label class="layui-form-label">一键替换</label>
215	<div class="layui-input-block">
216	<input type="hidden" name="type" value="info_replace">
217	<?php
218	if(isset($this->options['opt']) && array_key_exists('legacy_data_replace', $this->options['opt'])) {
219	if ($this->options['opt']['legacy_data_replace'] == 1){
220	echo '<input type="submit" disabled name="submit" value="已替换" class="layui-btn layui-btn-primary" />';
221	}elseif ($this->options['opt']['legacy_data_replace'] == 2){
222	echo '<p>当前upload_path非初始默认值，无法替换，建议使用<a href="https://www.laobuluo.com/2693.html">WPReplace插件</a>替换</p>';
223	}
224	}else{
225	echo '<input type="submit" name="submit" value="一键成替换OSS地址" class="layui-btn layui-btn-primary" />';
226	}
227	?>
228
229	</div>
230	<div class="layui-input-block">
231	<div class="layui-form-mid layui-word-aux">一键将本地静态文件URL替换成阿里云OSS对象存储路径，不熟悉的朋友请�
232	�备份数据库</div>
233	</div>
234	</div>
235	</form>
236	</div>
237	</div>
238	</div>
239	<!-- 左边 -->
240	<!-- 右边 -->
241	<div class="layui-col-md3">
242	<div id="nav">
243	<div class="laobuluo-panel">
244	<div class="laobuluo-panel-title">�
245	�注�
246	�众号</div>
247	<div class="laobuluo-code">
248	<img src="<?php echo plugin_dir_url(__FILE__); ?>layui/images/qrcode.png">
249	<p>微信扫码�
250	�注 <span class="layui-badge layui-bg-blue">老蒋朋友圈</span> �
251	�众号</p>
252	<p><span class="layui-badge">优�
253	�</span> 获取插件更新和更多 <span class="layui-badge layui-bg-green">�
254	�费插件</span> </p>
255	</div>
256	</div>
257
258
259	</div>
260	</div>
261	<!-- 右边 end -->
262	</div>
263	</div>
264	</div>
265	<!-- �
266	容 -->
267	<!-- footer -->
268	<div class="container-laobuluo-main">
269	<div class="layui-container container-m">
270	<div class="layui-row layui-col-space15">
271	<div class="layui-col-md12">
272	<div class="laobuluo-footer-code">
273	<span class="codeshow"></span>
274	</div>
275	<div class="laobuluo-links">
276	<a href="https://www.laobuluo.com/?utm_source=lbs-setting&utm_media=link&utm_campaign=footer" target="_blank">老部落</a>
277	<a href="https://www.lezaiyun.com/?utm_source=lbs-setting&utm_media=link&utm_campaign=footer" target="_blank">乐在云工作室</a>
278	<a href="https://www.laojiang.me/5946.html?utm_source=lbs-setting&utm_media=link&utm_campaign=footer" target="_blank">使用说明</a>
279	<a href="https://www.laojiang.me/aboutus/?utm_source=lbs-setting&utm_media=link&utm_campaign=footer" target="_blank">�
280	�于我们</a>
281	</div>
282	</div>
283	</div>
284	</div>
285	</div>
286	<!-- footer -->
287	<script>
288	layui.use(['form', 'element','jquery'], function() {
289	var $ =layui.jquery;
290	var form = layui.form;
291	function menuFixed(id) {
292	var obj = document.getElementById(id);
293	var _getHeight = obj.offsetTop;
294	var _Width= obj.offsetWidth
295	window.onscroll = function () {
296	changePos(id, _getHeight,_Width);
297	}
298	}
299	function changePos(id, height,width) {
300	var obj = document.getElementById(id);
301	obj.style.width = width+'px';
302	var scrollTop = document.documentElement.scrollTop \|\| document.body.scrollTop;
303	var _top = scrollTop-height;
304	if (_top < 150) {
305	var o = _top;
306	obj.style.position = 'relative';
307	o = o > 0 ? o : 0;
308	obj.style.top = o +'px';
309
310	} else {
311	obj.style.position = 'fixed';
312	obj.style.top = 50+'px';
313
314	}
315	}
316	menuFixed('nav');
317
318	var laobueys = $('.laobuluo-wp-hidden')
319
320	laobueys.each(function(){
321
322	var inpu = $(this).find('.layui-input');
323	var eyes = $(this).find('.laobuluo-wp-eyes')
324	var width = inpu.outerWidth(true);
325	eyes.css('left',width+'px').show();
326
327	eyes.click(function(){
328	if(inpu.attr('type') == "password"){
329	inpu.attr('type','text')
330	eyes.html('<i class="dashicons dashicons-visibility"></i>')
331	}else{
332	inpu.attr('type','password')
333	eyes.html('<i class="dashicons dashicons-hidden"></i>')
334	}
335	})
336	})
337
338	var clashid = $(".clashid");
339	form.on('switch(process_switch)', function(data){
340
341	if (data.elem.checked){
342	clashid.show()
343	}else{
344	clashid.hide()
345	}
346
347	});
348
349	var selectValue = null;
350
351	var rule = $("[name=img_process_style_customize]")
352
353	form.on('radio(choice)', function(data){
354
355	if(selectValue == data.value && selectValue ){
356	data.elem.checked = ""
357	selectValue = null;
358	}else{
359	selectValue = data.value;
360	}
361
362	if(selectValue=='1'){
363	rule.attr('disabled',false)
364	}else{
365	rule.attr('disabled', true)
366	}
367
368	})
369
370	})
371	</script>