JavaScript 修復(fù)Discuz！X3.5不能Ctrl+V粘貼圖片的問(wèn)題

73327424

先說(shuō)原因：如果在Discuz！X3.5的編輯框里面粘貼圖片，那么圖片會(huì)被保存為Base64（data:image/png;base64開(kāi)頭的鏈接）
但是，Discuz！X3.5在處理的時(shí)候會(huì)在這個(gè)鏈接的前面加一個(gè)HTTP的前綴，像這樣：
<img id="aimg_t6Wvt" class="zoom" src="http://data:image/png;base64,圖片BASE64" border="0" alt="">

解決辦法：

我們只需要通過(guò)JavaScript去掉這個(gè)HTTP前綴即可
[mw_shl_code=javascript,true]function fixDataUrlImages() {
    // 獲取頁(yè)面中所有的IMG元素
    const images = document.getElementsByTagName('img');
   
    for (let i = 0; i < images.length; i++) {
        const img = images;
        const src = img.getAttribute('src');
        
        // 檢查是否是錯(cuò)誤格式的data URL
        if (src && src.includes('http://data:image') || src.includes('https://data:image')) {
            // 修復(fù)data URL格式
            const fixedSrc = src.replace(/https?:\/\/data:/, 'data:');
            img.setAttribute('src', fixedSrc);
            console.log('修復(fù)圖片URL:', src, '->', fixedSrc);
        }
    }
}

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

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

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

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

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

monkeye

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

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

73327424

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

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

湖中沉

不建議，支持將Base64數(shù)據(jù)存儲(chǔ)到數(shù)據(jù)庫(kù)，可能引發(fā)數(shù)據(jù)爆炸，危害極大，如果真要支持，應(yīng)當(dāng)將Base64數(shù)據(jù)轉(zhuǎn)換為附件文件進(jìn)行存儲(chǔ)才對(duì)