JavaScript 修复Discuz！X3.5不能Ctrl+V粘贴图片的问题

哥斯拉 · 发表于 3 天前

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

先说原因：如果在Discuz！X3.5的编辑框里面粘贴图片，那么图片会被保存为Base64（data:image/png;base64开头的链接）
但是，Discuz！X3.5在处理的时候会在这个链接的前面加一个HTTP的前缀，像这样：
<img id="aimg_t6Wvt" class="zoom" src="http://data:image/png;base64,图片BASE64" border="0" alt="">

解决办法：

我们只需要通过JavaScript去掉这个HTTP前缀即可
[mw_shl_code=javascript,true]function fixDataUrlImages() {
// 获取页面中所有的IMG元素
const images = document.getElementsByTagName('img');

for (let i = 0; i < images.length; i++) {
      const img = images<i>;
      const src = img.getAttribute('src');

      // 检查是否是错误格式的data URL
      if (src && src.includes('http://data:image') || src.includes('https://data:image')) {
         // 修复data URL格式
         const fixedSrc = src.replace(/https?:\/\/data:/, 'data:');
         img.setAttribute('src', fixedSrc);
         console.log('修复图片URL:', src, '->', fixedSrc);
      }
}
}

// 页面加载完成后执行修复
document.addEventListener('DOMContentLoaded', function() {
fixDataUrlImages();
});

// 如果页面是动态加载的，也可以使用MutationObserver监听DOM变化
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
      if (mutation.addedNodes.length) {
         fixDataUrlImages();
      }
});
});

observer.observe(document.body, {
childList: true,
subtree: true
});

// 也可以直接调用修复函数
// fixDataUrlImages();[/mw_shl_code]

使用方法：
把这个JS嵌入Discuz！X3.5的帖子显示页面即可

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

JavaScript 修复Discuz！X3.5不能Ctrl+V粘贴图片的问题

马上注册，免费下载更多dz插件网资源。

回复

站长推荐 /1

More猜你喜欢

关于我们

服务支持

discuzaddons@vip.qq.com