Universal Image Uploader

Created at 2 months ago
Updated at 3 days ago
Paste/drag/select images, batch upload to Imgur/Tikolu/MJJ.Today/Appinn; auto-copy Markdown/HTML/BBCode/link; site button integration with SPA observer; local history.
Total Installs
680
Today's New
+0
User Rating
- / 5.0 (0)
Current Version
0.8.2

通用图片上传助手(Universal Image Uploader)

一个用户脚本:在任意网站上粘贴、拖拽或选择图片,批量上传到 Imgur 或 Tikolu 或 MJJ.Today 或 Appinn(可选择图床),并按需自动复制为 Markdown/HTML/BBCode/纯链接。支持可配置的站点按钮(兼容单页应用),提供本地上传历史便于快速复用。

English

screencapture

screencapture

screencapture

screencapture

screencapture

screencapture

功能(MVP)

  • 📥 支持粘贴、拖拽、文件选择收集图片
  • 📤 批量上传到 Imgur/Tikolu/MJJ.Today/Appinn,实时显示进度
  • 📋 自动复制输出:Markdown / HTML / BBCode / Link
  • 🕘 本地历史记录,便于再次复制与复用
  • 🔘 可选站点按钮注入,兼容 SPA(按站点配置)

安装

依赖

任意脚本管理器:

安装脚本

  1. 点击 这里 从 GitHub 安装脚本
  2. 点击 这里 从 Greasy Fork 安装脚本
  3. 点击 这里 从 ScriptCat 安装脚本

使用方法

  • 在页面中粘贴/拖拽图片,或使用面板选择文件
  • 队列中可查看上传进度
  • 在面板的图床选择器中选择上传平台(Imgur/Tikolu/MJJ.Today/Appinn)
  • 在面板的代理选择器中选择是否使用代理(默认“无”;Imgur 不支持)
  • 完成后按所选格式自动复制
  • 历史记录中可快速再次复制

输出格式示例

  • Markdown![alt](url)
  • HTML<img src="url" alt="alt" />
  • BBCode[img]url[/img]
  • Linkurl

配置项

  • 站点记忆图床:Imgur / Tikolu
  • 站点记忆代理: / wsrv.nl(Imgur 不支持;当选择 wsrv.nl 时,输出与历史复制/打开将使用 https://wsrv.nl/?url=${encodeURIComponent(url)}
  • 站点记忆输出格式:Markdown / HTML / BBCode / Link
  • 可选站点按钮注入:选择器、位置(before | inside | after)、按钮文案

站点按钮设置

  • 打开面板,切换到“设置”页。
  • 填写“CSS 选择器”,用于定位要插入按钮的目标元素(例如 .comment-screenshot-control)。
  • 选择位置:之前 在元素前插入,之后 在元素后插入,里面 作为最后一个子元素。
  • 按钮文案:可填纯文本或单根 HTML 片段;留空或 HTML 不合法时,会回退为本地化默认文案,并使用内置样式按钮。
  • 点击 保存并插入:规则会保存到本地并立即注入;脚本内置 DOM 观察器,兼容 SPA 页面。
  • 使用 移除按钮(临时) 仅移除已注入按钮,不删除规则。
  • 使用 清空设置 删除所有已保存规则。
  • 列表中的每一项支持 编辑删除
  • 提示:尽量选用稳定且唯一的选择器,避免过宽匹配造成多处插入。

Roadmap(规划 / 未实现)

  • 🌐 多平台上传:SM.MS、Cloudflare Images、自建 S3/MinIO
  • 🛠 图片处理:质量、尺寸、压缩、格式(JPEG/PNG/WebP)、EXIF 清理
  • 📦 队列增强:并发控制、失败重试、取消/暂停
  • 🧩 模板系统:完全自定义输出与 HTML 片段
  • 🗂 历史增强:按时间/平台/标签过滤,批量复制,更快复用

更新记录

v0.8.x

  • 为不支持 addValueChangeListener 的脚本管理器增加监听数据变化的功能,实现跨标签页数据同步。
  • 优化:增加轮询机制作为跨标签页数据同步的兜底方案。
  • 重构:将所有同步 GM_ 存储调用迁移至异步 API,提升脚本性能与现代环境兼容性。

v0.7.x

  • 修复与 utags-shortcuts 的兼容性问题
  • 重构:使用 esbuild 打包脚本

v0.6.x

  • 新增每站点启用开关(命令菜单),切换后刷新页面生效。
  • 新增每站点“粘贴上传/拖拽上传”开关(设置页);预置站点默认启用。
  • 支持同时粘贴多个图片上传。
  • 粘贴/拖拽开关即时生效,无需刷新页面。
  • 在目标输入框插入上传状态占位符,并在成功/失败时替换。

v0.5.x

  • 新增 MJJ.Today 图床。
  • 新增 Appinn 图床。

v0.4.x

  • 支持自定义格式模版。
  • Imgur 上传改为使用 GM_xmlhttpRequest,规避跨域问题。
  • 抽取通用请求函数 gmRequest,统一上传通道的请求与错误处理。

v0.3.x

  • 设置存储迁移为统一的“站点映射”,将原先分散的多个键合并为单一结构,示例:{ format?, host?, proxy?, btns?: [...] }
  • 面板改为使用 Shadow DOM 渲染,实现与站点样式的隔离。内部样式使用 :host;拖拽覆盖层(#uiu-drop)与站点注入按钮(.uiu-insert-btn)仍保留在页面 DOM。
  • 为“历史”和“设置”切换按钮新增高亮(打开态)与无障碍状态(aria-pressed),更易识别当前展开状态。
  • 焦点跟踪支持 Shadow DOM:深入开放 Shadow DOM 与同源 iframe,正确识别可编辑目标;同时排除脚本面板本身,避免被记录为目标。
  • Trusted Types 兼容:不再使用 innerHTML 清空(改用 textContent = '');自定义按钮 HTML 采用 Range.createContextualFragment 解析,避免在启用 TT 的站点报错。
  • 兼容性:旧设置会自动迁移,无需手动操作。

v0.2.x

  • 新增代理选项: / wsrv.nl;Imgur 不支持;当选择 wsrv.nl 时,输出与历史复制/打开将使用 https://wsrv.nl/?url=${encodeURIComponent(url)}
  • 新增 Tikolu 图床,面板支持选择 Imgur/Tikolu
  • 新增“记住最后访问输入框”:当点击上传等操作导致失焦时,仍可将内容插入到最后访问的输入框并自动恢复焦点;优化 contentEditable 插入时的光标定位(默认插入末尾)

v0.1.0

  • 初始 MVP:Imgur 上传、批量与进度、自动复制(Markdown/HTML/BBCode/Link)、本地历史、兼容 SPA 的站点按钮注入

更多实用脚本

🏷️ UTags - 为链接添加用户标签

  • 链接Greasy Fork
  • 功能:为用户、帖子、视频和其他链接添加自定义标签和备注
  • 亮点:支持特殊标签过滤(如垃圾、屏蔽、标题党等),数据导出/导入,自动标记已查看帖子
  • 支持网站:V2EX、X(Twitter)、Reddit、GitHub、哔哩哔哩、知乎、Linux.do、YouTube 等 50+ 网站
  • 描述:超级实用的标签管理工具,可为论坛用户或帖子添加标签,轻松识别或屏蔽低质量内容

🧰 UTags Advanced Filter

  • 链接Greasy Fork · ScriptCat · GitHub
  • 功能:支持在 GreasyFork 实时过滤与隐藏脚本
  • 亮点:同时提供用户脚本与浏览器扩展两个版本
  • 支持网站:Greasy Fork
  • 描述:支持在 GreasyFork 实时过滤与隐藏脚本的工具,提供用户脚本和浏览器扩展两种版本。

⚡ UTags 快捷导航 (UTags Shortcuts)

  • 链接Greasy Fork · ScriptCat · GitHub
  • 功能:按站点分组、自定义图标、悬浮球或侧边栏导航面板
  • 亮点:悬浮/侧边栏模式、支持链接与脚本、可视化编辑、快捷键支持
  • 支持网站:所有网站
  • 描述:一款功能强大的用户脚本,提供便捷的快捷导航面板,帮助你高效管理常用链接与自动化脚本,提升浏览体验

🔗 链接助手

  • 链接Greasy Fork
  • 功能:在新标签页中打开第三方网站链接,将文本链接解析为超链接
  • 亮点:支持自定义规则,解析 Markdown 和 BBCode 格式,将图片链接转换为图片标签
  • 支持网站:适用于所有网站,包括谷歌、YouTube、GitHub、V2EX 等
  • 描述:增强链接浏览体验,自动处理各种链接格式,使网页浏览更加便捷

🔍 Find Scripts For This Site - 查找适用于当前网站的脚本

  • 链接Greasy Fork · ScriptCat · GitHub
  • 功能:一键在多个仓库搜索脚本
  • 亮点:设置面板、实时同步、智能顶级域名提取
  • 支持网站:所有网站
  • 描述:一个用于快速在多个脚本仓库中查找当前网站脚本的用户脚本,提供设置面板与跨标签页实时同步

许可证

MIT License - 详见 LICENSE 文件

相关链接