[Feature Request] 自己造图床

[langningchen]

检查项

• 我已确认了XMOJ增强脚本已为最新版，且最新版未实现这一功能。
• 我已在 Issues 页面 中搜索，确认了这一提案未被提交过。

描述

使用 GitHub 私有仓库 + Cloudflare Workers ，参考 这篇 文章

原因

No response

[boomzero]

@langningchen SEO修好了!

[boomzero]

[PythonSmall-Q]

可以用团队的repo @langningchen 物尽其用

[langningchen]

@PythonSmall-Q 原来不是试过了不太行吗？好像对于权限管理不太好弄

[langningchen]

@boomzero @PythonSmall-Q 你们到时候可别去 Cloudflare 后台偷我的 PAT 啊！不过我也只给 repo 权限 😆

[boomzero]

@boomzero @PythonSmall-Q 你们到时候可别去 Cloudflare 后台偷我的 PAT 啊！不过我也只给 repo 权限 😆

别提醒我

[langningchen]

好麻烦啊！Workers流量的问题、GitHub权限的问题、JS前端事件触发的问题……让我不想继续了

[boomzero]

好麻烦啊！Workers流量的问题、GitHub权限的问题、JS前端事件触发的问题……让我不想继续了

考虑Cloudflare R2?

[boomzero]

但是没有credit card, 而且免费额度可能不够

[boomzero]

或者iframe 洛谷图床

[langningchen]

@boomzero 最主要的是JS前端事件触发的问题

[langningchen]

@boomzero 帮我解决一下JS前端事件触发的问题

[boomzero]

什么问题?

…

On Sep 24, 2023, at 09:24, Chen LangNing ***@***.***> wrote: @boomzero <https://github.com/boomzero> 帮我解决一下JS前端事件触发的问题 /help-wanted — Reply to this email directly, view it on GitHub <#432 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AULMJZJJ4UMZUNDVMO67ANDX36DUZANCNFSM6AAAAAA43Q7PBY>. You are receiving this because you were mentioned.

[langningchen]

@boomzero 就是按了 Ctrl+V 无法触发 onpaste 事件

[langningchen]

右键点粘贴也不行

[PythonSmall-Q]

这个actions太贴心了qaq

[PythonSmall-Q]

有点被他暖到（不是

[boomzero]

@langningchen 我没有code啊

[boomzero]

神奇

[langningchen]

https://api.xmoj-bbs.tech/GetImage?ImageID= + ImageID

例如：https://api.xmoj-bbs.tech/GetImage?ImageID=brpjzozoixntrwenzijdtgseldcosayh

[langningchen]

不过获取到的不太对

[langningchen]

我说过了：#432 (comment)

[langningchen]

我检查过， GitHub Rest API 返回的内容没有错，是用 Curl 检查的

curl "https://api.github.com/repos/langningchen/XMOJ-Script-Pictures/contents/rptzrfmpxufetajrvzeccnwqlsesbgmp" \
    -H"Authorization: Bearer ***" \
    -H"User-Agent: XMOJ-Script-Server" \
    -H"Accept: application/vnd.github.raw" \
    --output /mnt/c/Users/jpxx_/OneDrive/Desktop/API.png
diff /mnt/c/Users/jpxx_/OneDrive/Desktop/Raw.png /mnt/c/Users/jpxx_/OneDrive/Desktop/API.png

[langningchen]

所以不是上传的错误

[langningchen]

我又试了试不用 Curl ，用 JS 的 Fetch

let ImageData = await fetch(new URL("https://api.github.com/repos/langningchen/XMOJ-Script-Pictures/contents/ggqzbaghexjxuzwyzvteioeejlouqtcw"), {
    method: "GET",
    headers: {
        "Authorization": "Bearer ***",
        "Accept": "application/vnd.github.text",
        "User-Agent": "XMOJ-Script-Server"
    }
}).then((Response) => {
    return Response.text();
});
let a = document.createElement("a");
a.href = URL.createObjectURL(new Blob([ImageData], { type: "image/png" }));
a.download = "Fetch.png";
a.click();

diff Error.png Fetch.png

结果发现 Fetch 得到的和错误的一样，所以 我误会了 CloudFlare ， 原来是 Fetch 的问题

[langningchen]

有人说是 text 的问题，应该要用 Blob ，但是还是不对

[langningchen]

现在准备用 XMLHttpRequest

[langningchen]

还是不行……

[PythonSmall-Q]

加油做模拟赛！

[PythonSmall-Q]

我看你们二老还没交题欸~

[langningchen]

我看你们二老还没交题欸~

@PythonSmall-Q 确实

[langningchen]

上面是正确的，下面是用 fetch 和 GitHub API 获取到的，发现有些字符被替换为了 FFFD ？

[langningchen]

用 Curl 和 Github API 获取到的是对的，和正确的一样，但是使用 fetch 或者 XMLHttpRequest 获取到的就有个别字符是错的，是不是字符编码的问题？

[PythonSmall-Q]

我看你们二老还没交题欸~

@PythonSmall-Q 确实

做了点题，结果发现状态不在都做不出来qwq

[langningchen]

@PythonSmall-Q 那就来帮我解决问题吧

[langningchen]

经查询， U+FFFD 是替换字符，表示UTF-8中没有对应的字符，显示为黑色的菱形和一个问号 �

[langningchen]

@boomzero @PythonSmall-Q 有什么思路吗？我现在准备去网上问一问

[langningchen]

[langningchen]

https://stackoverflow.com/questions/77213213/why-is-the-response-malformed-when-using-fetch-in-js

[langningchen]

@boomzero @PythonSmall-Q Horray!

[langningchen]

StackOverflow users give me the answer! 🎉

[langningchen]

@boomzero @PythonSmall-Q 你们快去试试吧！

[boomzero]

https://stackoverflow.com/questions/77213213/why-is-the-response-malformed-when-using-fetch-in-js

?

[langningchen]

@boomzero 解决了，问题就删了