mirror of
https://github.com/BlueSkyXN/WorkerJS_CloudFlare_ImageBed.git
synced 2024-11-16 11:42:33 +08:00
116 lines
3.7 KiB
JavaScript
116 lines
3.7 KiB
JavaScript
|
// Github @BlueSkyXN
|
|||
|
|
// Code https://gist.github.com/BlueSkyXN/0be89e736cd2fe0418f77c034538c502
|
|||
|
|
// 仅供学习CloudFlare Worker开发使用，违规使用后果自负
|
|||
|
|
// License @GPLv3
|
|||
|
|
// 记得修改98行左右的域名/URL为你的Worker的API节点，注意58图床会删图，只能临时、短期学习使用
|
|||
|
|
|
|||
|
|
|
|||
|
|
addEventListener('fetch', event => {
|
|||
|
|
event.respondWith(handleRequest(event.request))
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
async function handleRequest(request) {
|
|||
|
|
if (request.method === 'POST') {
|
|||
|
|
try {
|
|||
|
|
const requestBody = await request.json();
|
|||
|
|
const base64Data = requestBody.base64Data;
|
|||
|
|
|
|||
|
|
const targetURL = "https://upload.58cdn.com.cn/json";
|
|||
|
|
const payload = {
|
|||
|
|
"Pic-Size": "0*0",
|
|||
|
|
"Pic-Encoding": "base64",
|
|||
|
|
"Pic-Path": "/nowater/webim/big/",
|
|||
|
|
"Pic-Data": base64Data
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const targetResponse = await fetch(targetURL, {
|
|||
|
|
method: 'POST',
|
|||
|
|
headers: { 'Content-Type': 'application/json' },
|
|||
|
|
body: JSON.stringify(payload)
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const result = await targetResponse.text();
|
|||
|
|
return new Response('https://pic1.58cdn.com.cn/nowater/webim/big/' + result, {
|
|||
|
|
headers: { 'content-type': 'text/plain' },
|
|||
|
|
});
|
|||
|
|
} catch (error) {
|
|||
|
|
return new Response('Error processing request: ' + error.message, { status: 500 });
|
|||
|
|
}
|
|||
|
|
} else if (request.method === 'GET') {
|
|||
|
|
return new Response(htmlContent, {
|
|||
|
|
headers: { 'content-type': 'text/html' },
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const htmlContent = `
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html lang="zh-CN">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>58免费图床</title>
|
|||
|
|
<!--
|
|||
|
|
// 仅供学习CloudFlare Worker开发使用，违规使用后果自负
|
|||
|
|
// License @GPLv3
|
|||
|
|
-->
|
|||
|
|
<style>
|
|||
|
|
body {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
#title {
|
|||
|
|
color: blue;
|
|||
|
|
font-size: 24px;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="title">58免费图床</div>
|
|||
|
|
<input type="file" id="fileInput">
|
|||
|
|
<button onclick="uploadFile()">上传</button>
|
|||
|
|
<hr>
|
|||
|
|
<div id="tips">
|
|||
|
|
<div>建议上传5M以内的JPG/PNG文件</div>
|
|||
|
|
<div>该图床会在一定时间后删除图片</div>
|
|||
|
|
<div>图床支持pic1-8之间的任意子域名</div>
|
|||
|
|
<div>该源码开源，仅供学习JS使用，违规使用后果自负</div>
|
|||
|
|
</div>
|
|||
|
|
<hr>
|
|||
|
|
<div id="result">
|
|||
|
|
<a href="" id="resultLink" target="_blank"></a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
async function uploadFile() {
|
|||
|
|
const fileInput = document.getElementById('fileInput');
|
|||
|
|
const file = fileInput.files[0];
|
|||
|
|
|
|||
|
|
if (!file) {
|
|||
|
|
alert('请先选择一个文件');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const reader = new FileReader();
|
|||
|
|
|
|||
|
|
reader.onloadend = async function() {
|
|||
|
|
try {
|
|||
|
|
const base64String = reader.result.replace(/^data:.+;base64,/, '');
|
|||
|
|
const response = await fetch('https://58imgbed.yourname.workers.dev/', {
|
|||
|
|
method: 'POST',
|
|||
|
|
body: JSON.stringify({ base64Data: base64String })
|
|||
|
|
});
|
|||
|
|
const resultUrl = await response.text();
|
|||
|
|
document.getElementById('resultLink').href = resultUrl;
|
|||
|
|
document.getElementById('resultLink').innerText = resultUrl;
|
|||
|
|
} catch (error) {
|
|||
|
|
alert('上传失败，请重试。');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
reader.readAsDataURL(file);
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
`;
|