JavaScript 修復Discuz！X3.5不能Ctrl+V粘貼圖片的問題

73327424

先說原因：如果在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;
        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);
        }
    }
}

// 頁面加載完成后執(zhí)行修復
document.addEventListener('DOMContentLoaded', function() {
    fixDataUrlImages();
});

// 如果頁面是動態(tài)加載的，也可以使用MutationObserver監(jiān)聽DOM變化
const observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if (mutation.addedNodes.length) {
            fixDataUrlImages();
        }
    });
});

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

// 也可以直接調用修復函數(shù)
// fixDataUrlImages();[/mw_shl_code]

使用方法：
把這個JS嵌入Discuz！X3.5的帖子顯示頁面即可

湖中沉

不建議，支持將Base64數(shù)據(jù)存儲到數(shù)據(jù)庫，可能引發(fā)數(shù)據(jù)爆炸，危害極大，如果真要支持，應當將Base64數(shù)據(jù)轉換為附件文件進行存儲才對

73327424

湖中沉 發(fā)表于 2025-10-16 20:33
不建議，支持將Base64數(shù)據(jù)存儲到數(shù)據(jù)庫，可能引發(fā)數(shù)據(jù)爆炸，危害極大，如果真要支持，應當將Base64數(shù)據(jù)轉換 ...

那樣的話編寫Javascript的難度太大了
至少這樣能用

monkeye

首先，這不是bug，不需要修
再次，應用中心有插件，直接裝即可，用戶體驗還好
最后，歡迎支持正版應用，尊重開發(fā)者的辛苦

AD：官網(wǎng)論壇默認就安裝了這個插件

湖中沉

73327424 發(fā)表于 2025-10-16 21:14
那樣的話編寫Javascript的難度太大了
至少這樣能用

但這樣的危害是非常大的，圖片base64里可能注入惡意代碼不說，數(shù)據(jù)庫儲存大量base64的內容，可能造成數(shù)據(jù)爆炸的危害就是巨大的，眼前可能看不到問題，稍微做大一點點，那后果非常嚴重。所以說不推薦這樣做