chatgpt-web-midjourney-proxy 消息清除时网站卡死

8454ed9e4b38cd38e0cc7723d40cea6 单独清除也会卡，全部清除也是会卡死，浏览器为谷歌浏览器

May 17 '24 05:05 YYhaike

额好的

May 17 '24 06:05 Dooy

我一直试不出来就奇怪了我在mac上

May 18 '24 02:05 Dooy

edge和谷歌浏览器都有这个问题，浏览器全是最新版本。Safari、火狐还没试过

May 20 '24 02:05 superultra01

操作系统是 window 么？

May 20 '24 03:05 Dooy

Windows 10 专业版22H2

May 20 '24 03:05 superultra01

Windows 10 专业版22H2

看来得搞台win来测试下了

May 20 '24 03:05 Dooy

我一直试不出来就奇怪了我在mac上

得有聊天记录，清除的时候~~~~才会卡住网页

May 20 '24 11:05 YYhaike

我一直试不出来就奇怪了我在mac上

得有聊天记录，清除的时候~~~~才会卡住网页

都试过而且是非常多的聊天记录

May 20 '24 12:05 Dooy

我一直试不出来就奇怪了我在mac上

得有聊天记录，清除的时候~~~~才会卡住网页

都试过而且是非常多的聊天记录

手机端貌似也会卡住

May 22 '24 11:05 YYhaike

@Dooy @heiyyint 我的情况是对话中加载的base64图像太大就会卡死，我调整了src/api/mjsave.ts的两个函数（用chatgpt写的，写的糟糕见笑了），加载图片时也转换成blob对象能够缓解卡的情况：

//本地存储获取
export const localGet = async (key: string): Promise<any> => {
    const value = await localforage.getItem<any>(key);

    if (typeof value === 'string') {
        let base64Data;
        let mimeType;
        let isNested = false;

        if (value.startsWith('["data:image/')) {
            // 数据以 ["data:image/ 开头，处理嵌套的情况

            isNested = true;
            base64Data = value.split('["')[1].split('"]')[0].split(',')[1];
            mimeType = value.split('["')[1].split('"]')[0].split(',')[0].match(/:(.*?);/)[1];
        } else if (value.startsWith('data:image/')) {
            // 数据以 data:image/ 开头，处理非嵌套的情况
            base64Data = value.split(',')[1];
            mimeType = value.split(',')[0].match(/:(.*?);/)[1];
        }

        if (base64Data && mimeType) {
            const byteString = atob(base64Data);
            const ab = new ArrayBuffer(byteString.length);
            const ia = new Uint8Array(ab);

            for (let i = 0; i < byteString.length; i++) {
                ia[i] = byteString.charCodeAt(i);
            }

            const blob = new Blob([ab], { type: mimeType });
            const blobUrl = URL.createObjectURL(blob);

            return isNested ? `["${blobUrl}"]` : blobUrl;
        }
    }

    return value;
}

export function url2base64More(url: string, key?: string): Promise<{key: string, blob: Blob}> {
    return new Promise<{key: string, blob: Blob}>((resolve, reject) => {
        const img = new Image();
        img.crossOrigin = "anonymous";
        img.onload = () => {
            const base64 = img2base64(img);
            const mimeType = base64.split(',')[0].match(/:(.*?);/)[1];
            const base64Data = base64.split(',')[1];

            // 将 Base64 数据转换为 Blob 对象
            const byteString = atob(base64Data);
            const ab = new ArrayBuffer(byteString.length);
            const ia = new Uint8Array(ab);

            for (let i = 0; i < byteString.length; i++) {
                ia[i] = byteString.charCodeAt(i);
            }

            const blob = new Blob([ab], { type: mimeType });

            localSaveAny(base64, key).then(d => resolve({key: d, blob})).catch(e => reject(e));
        };
        img.onerror = (e) => reject(e);
        img.src = url;
    });
}