图床辅助油猴脚本，方便复制图床链接

gamewfj

本脚本针对
[公告] 都2024年了还有人不会用图床？下面我来教你怎么用图床！：
https://www.52pojie.cn/thread-1455093-1-1.html
中介绍的百度图床https://img.fzxx.xyz/

上传图片后，需要修改返回内容来获取图片的链接，所有通过AI写了这个油猴脚本，将手动修改图片链接为脚本操作。

修改了下展示的位置为右上角

[Java] 纯文本查看 复制代码

// ==UserScript==
// @name         baidutuchuang
// @namespace    [url=http://tampermonkey.net/]http://tampermonkey.net/[/url]
// @version      2024-06-14
// @description  try to take over the world!
// @author       You
// @match        [url=https://sp0.baidu.com/]https://sp0.baidu.com/[/url]*
// @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.");
    }
})();

文本文件：
baidutuchuang.txt (2.68 KB, 下载次数: 4)

2024-6-16 17:47 上传

点击文件名下载附件

ciker_li

5iAnn2020 发表于 2024-6-14 20:30
支持原创，感谢分享。
请教大佬：脚本我已经添加到油猴脚里了。可是实际操作上传图片获取地址后，油猴没有 ...

把div.cm-editor.ͼ1.ͼ2.ͼ4.ͼ6


大道文字，无法在页面中显示！

或者把“body > div.cm-editor.ͼ1.ͼ2.ͼ4.ͼ6 > ”删除

chenhuxiang

楼主的这个思路挺好的，但这一句拿不到元素 div.cm-content.cm-lineWrapping > div:nth-child(15) > span.token-string，我直接用document.documentElement.innerText 代替了

MSS

感谢分享。你不引用我都找不到大佬之前发的这个图床地址了。。。前几天还在纠结去哪里搞图床。

ZhjhJZ

感谢分享，学习使用图床

cksuperxlh

感谢分享,来学习使用一下.

5iAnn2020

支持原创，感谢分享。
请教大佬：脚本我已经添加到油猴脚里了。可是实际操作上传图片获取地址后，油猴没有反应。还是需要手动填写地址。
我不知道是哪里做错了，求指教。谢谢
附图

山上石

百度图床最大可以上传多大？

anorith

感谢分享，需要的时候就方便使用了

5iAnn2020

ciker_li 发表于 2024-6-14 21:04
把div.cm-editor.ͼ1.ͼ2.ͼ4.ͼ6

按照您的方法修改过了，还是没啥反应，不知道是哪里出的问题。

但是依然感谢ciker_li大佬的帮助！谢谢！

StockGeek

要登录个人百度账号，逻辑是上传图片是使用我的自己个人百度账号上传上去的对吗？我该如何查看我上传过的图和进行删除？