更新 index.php
添加背景，利用必应的壁纸图
This commit is contained in:
parent
6079d34384
commit
63565aea78
61
index.php
61
index.php
@ -3,11 +3,11 @@ $base_dir='/o/';//以/即结束即可
|
||||
$user="chate.store";// 用户名
|
||||
$pwd="123456";// 密码，请记得频繁更换
|
||||
|
||||
$auth = false;
|
||||
$authorization = false;
|
||||
if ($_SERVER['PHP_AUTH_USER'] == $user && $_SERVER['PHP_AUTH_PW'] == $pwd){
|
||||
$auth = true;
|
||||
$authorization = true;
|
||||
}
|
||||
if(!$auth){
|
||||
if(!$authorization){
|
||||
// 没登录成功，弹出要求输入用户名和密码窗口
|
||||
header("WWW-Authenticate:Basic realm='Private'");
|
||||
header('HTTP/1.0 401 Unauthorized');
|
||||
@ -28,11 +28,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
|
||||
|
||||
// 兼容跨平台路径
|
||||
$md5 = md5_file($file_tmp);
|
||||
$dir1 = substr($md5,0,1);
|
||||
$dir2 = substr($md5,1,1);
|
||||
$path = getcwd();
|
||||
$upload_dir = $path . $base_dir .$dir1 .'/'. $dir2;
|
||||
$upload_parent_dir = $path . $base_dir .$dir1 ;
|
||||
$upload_dir = getcwd() . $base_dir . substr($md5,0,1).'/'.substr($md5,1,1);
|
||||
// 检查并创建目录
|
||||
if (!is_dir($upload_dir)) {
|
||||
if (!mkdir($upload_dir, 0777, true) && !is_dir($upload_dir)) {
|
||||
@ -41,9 +37,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
|
||||
}
|
||||
// 开始创建index.html
|
||||
file_put_contents($upload_dir .'/index.html', 'no access');
|
||||
if(!file_exists($upload_parent_dir. '/index.html')){
|
||||
file_put_contents( $upload_parent_dir. '/index.html', 'no access');
|
||||
}
|
||||
file_put_contents( getcwd() . $base_dir . substr($md5,0,1). '/index.html', 'no access');
|
||||
}
|
||||
|
||||
// 根据文件内容生成MD5文件名，这样可以排除重复上传
|
||||
@ -51,7 +45,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
|
||||
// 这里判断下重复文件不移动文件
|
||||
$target_file=$upload_dir . '/' .$FileName;
|
||||
if (file_exists($target_file) || move_uploaded_file($file_tmp, $target_file)) {
|
||||
echo '{"upload_url":"http://'.$_SERVER['HTTP_HOST'] . $base_dir . $dir1. '/' .$dir2 .'/'. $FileName.'"}';
|
||||
echo '{"upload_url":"http://'.$_SERVER['HTTP_HOST'] . $base_dir . substr($md5,0,1). '/' .substr($md5,1,1) .'/'. $FileName.'"}';
|
||||
} else {
|
||||
echo '{"error":"写入失败，无法保存文件"}';
|
||||
}
|
||||
@ -63,9 +57,11 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="SIW图床-基于PHP的图床服务">
|
||||
<meta name="keywords" content="SIW图床,PHP图床,图床">
|
||||
<link rel="stylesheet" href="http://cdn.atusu.cn/202410/bootstrap.min.css">
|
||||
<script src="http://cdn.atusu.cn/202410/jquery.min.js"></script>
|
||||
<title>一个简单的图床</title>
|
||||
<title>SIW图床-基于PHP的图床服务</title>
|
||||
<style>
|
||||
html, body {
|
||||
height: 100%;
|
||||
@ -74,6 +70,17 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
transition: opacity 1s ease-in-out;
|
||||
opacity: 1;
|
||||
}
|
||||
.container {
|
||||
width: 600px;
|
||||
@ -164,6 +171,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="background" id="background"></div>
|
||||
<div class="container">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
@ -192,7 +200,34 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['file'])) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
async function setBackgroundImages() {
|
||||
const images = ['https://cn.bing.com/th?id=OHR.SnowMoose_EN-US6949674639_1920x1080.jpg','https://cn.bing.com/th?id=OHR.IcebergsAntarctica_EN-US6829804691_1920x1080.jpg','https://cn.bing.com/th?id=OHR.KilchurnAutumn_EN-US6737063910_1920x1080.jpg','https://cn.bing.com/th?id=OHR.MtStMichel_EN-US6641012356_1920x1080.jpg','https://cn.bing.com/th?id=OHR.TomTurkeys_EN-US6212893518_1920x1080.jpg'];
|
||||
const backgroundDiv = document.getElementById('background');
|
||||
if (images.length > 0) {
|
||||
backgroundDiv.style.backgroundImage = 'url(' + images[0] + ')';
|
||||
}
|
||||
let index = 0;
|
||||
let currentBackgroundDiv = backgroundDiv;
|
||||
setInterval(() => {
|
||||
const nextIndex = (index + 1) % images.length;
|
||||
const nextBackgroundDiv = document.createElement('div');
|
||||
nextBackgroundDiv.className = 'background next';
|
||||
nextBackgroundDiv.style.backgroundImage = 'url(' + images[nextIndex] + ')';
|
||||
document.body.appendChild(nextBackgroundDiv);
|
||||
nextBackgroundDiv.style.opacity = 0;
|
||||
setTimeout(() => {
|
||||
nextBackgroundDiv.style.opacity = 1;
|
||||
}, 50);
|
||||
setTimeout(() => {
|
||||
document.body.removeChild(currentBackgroundDiv);
|
||||
currentBackgroundDiv = nextBackgroundDiv;
|
||||
index = nextIndex;
|
||||
}, 1000);
|
||||
}, 5000);
|
||||
}
|
||||
$(document).ready(function() {
|
||||
setBackgroundImages();// 设置背景
|
||||
// 初始化时显示格式提示
|
||||
$('#formatHint, #serverWarning, #navLinks').show();
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user