图床辅助油猴脚本，方便复制图床链接
本帖最后由 gamewfj 于 2024-6-16 17:47 编辑本脚本针对
[公告] 都2024年了还有人不会用图床？下面我来教你怎么用图床！：
https://www.52pojie.cn/thread-1455093-1-1.html
中介绍的百度图床https://img.fzxx.xyz/
https://imgsrc.baidu.com/forum/pic/item/8718367adab44aed331827daf51c8701a18bfbbe.jpg
上传图片后，需要修改返回内容来获取图片的链接，所有通过AI写了这个油猴脚本，将手动修改图片链接为脚本操作。
修改了下展示的位置为右上角
// ==UserScript==
// @name baidutuchuang
// @namespace http://tampermonkey.net/
// @version 2024-06-14
// @descriptiontry to take over the world!
// @author You
// @match https://sp0.baidu.com/*
// @grant GM_setClipboard
// ==/UserScript==
(function() {
'use strict';
// 选择特定的DOM元素
var div = document.querySelector("div.cm-content.cm-lineWrapping > div:nth-child(15) > span.token-string");
// 检查是否选择了有效的元素
if (div) {
// 获取该元素的文本内容
var bodyText = div.innerText || div.textContent;
// 替换文本中的URL
var newURL1 = bodyText.replace('http://imgsrc.baidu.com/super/pic/item/', 'https://imgsrc.baidu.com/forum/pic/item/');
var newURL = newURL1.replace(/"/g, '');
// 创建一个新的div来显示修改后的URL
var displayDiv = document.createElement('div');
displayDiv.style.position = 'fixed';
displayDiv.style.top = '10px';
displayDiv.style.right = '50px';
displayDiv.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
displayDiv.style.color = 'white';
displayDiv.style.padding = '10px';
displayDiv.style.borderRadius = '5px';
displayDiv.style.zIndex = '9999';
// 创建一个按钮
var copyButton = document.createElement('button');
copyButton.textContent = '复制链接';
copyButton.style.marginLeft = '10px';
// 将URL和按钮添加到新的div中，使用textContent确保安全
displayDiv.textContent = '' + newURL;
displayDiv.appendChild(copyButton);
// 将新的div添加到body中
document.body.appendChild(displayDiv);
// 复制按钮的点击事件
copyButton.addEventListener('click', function() {
GM_setClipboard(newURL);
// 创建一个提示框
var tip = document.createElement('div');
tip.style.position = 'fixed';
tip.style.top = '60px';
tip.style.right = '10px';
tip.style.backgroundColor = 'rgba(0, 0, 0, 0.9)';
tip.style.color = 'white';
tip.style.padding = '5px';
tip.style.borderRadius = '5px';
tip.style.zIndex = '10000';
tip.textContent = '图片链接已复制到剪切板';
// 将提示框添加到body中
document.body.appendChild(tip);
// 设置提示框的自动消失时间
setTimeout(function() {
document.body.removeChild(tip);
}, 2000); // 2000毫秒后移除提示框
});
} else {
console.log("Element not found or selector is incorrect.");
}
})();
文本文件：
本帖最后由 ciker_li 于 2024-6-14 21:11 编辑
5iAnn2020 发表于 2024-6-14 20:30
支持原创，感谢分享。
请教大佬：脚本我已经添加到油猴脚里了。可是实际操作上传图片获取地址后，油猴没有 ...
把div.cm-editor.ͼ1.ͼ2.ͼ4.ͼ6
大道文字，无法在页面中显示！
或者把“body > div.cm-editor.ͼ1.ͼ2.ͼ4.ͼ6 > ”删除
楼主的这个思路挺好的，但这一句拿不到元素 div.cm-content.cm-lineWrapping > div:nth-child(15) > span.token-string，我直接用document.documentElement.innerText 代替了 感谢分享。你不引用我都找不到大佬之前发的这个图床地址了。。。前几天还在纠结去哪里搞图床。 感谢分享，学习使用图床{:1_893:} 感谢分享,来学习使用一下. 本帖最后由 5iAnn2020 于 2024-6-14 20:32 编辑
支持原创，感谢分享。
请教大佬：脚本我已经添加到油猴脚里了。可是实际操作上传图片获取地址后，油猴没有反应。还是需要手动填写地址。
我不知道是哪里做错了，求指教。谢谢
附图
https://imgsrc.baidu.com/forum/pic/item/86d6277f9e2f07080512ba3eaf24b899a901f2fd.png 百度图床最大可以上传多大？
感谢分享，需要的时候就方便使用了 ciker_li 发表于 2024-6-14 21:04
把div.cm-editor.ͼ1.ͼ2.ͼ4.ͼ6
按照您的方法修改过了，还是没啥反应，不知道是哪里出的问题。
但是依然感谢ciker_li大佬的帮助！谢谢！ 要登录个人百度账号，逻辑是上传图片是使用我的自己个人百度账号上传上去的对吗？我该如何查看我上传过的图和进行删除？