necesito que si se sube el archivo elimine el preview de los otros archivos, es decir, si se sube una imagen, se borra el preview del archivo o el audio, y asi 

const subidaChatAudio = async file => {
            console.log('Iniciando subida de audio:', file.name, 'tamaño:', file.size, 'tipo:', file.type);
            subidaChatProgreso = true;
            try {
                console.log('Cargando archivo de audio...');
                previewChatAudio.style.display = 'block';
                const progressBarId = waveAudio(file);
                console.log('Barra de progreso creada con ID:', progressBarId);

                const {fileUrl, fileId} = await subidaChatBackend(file, progressBarId);
                console.log('Audio cargado con éxito:', fileId, 'URL:', fileUrl);

                archivoChatId = fileId;
                archivoChatUrl = fileUrl;
                subidaChatProgreso = false;
            } catch (error) {
                console.error('Error al cargar el audio:', error);
                subidaChatProgreso = false;
            }
        };

        const subidaChatImagen = async file => {
            console.log('Iniciando subida de imagen:', file.name, 'tamaño:', file.size, 'tipo:', file.type);
            subidaChatProgreso = true;
            updateChatPreviewImagen(file);

            try {
                console.log('Cargando archivo de imagen...');
                previewChatImagen.style.display = 'block';
                const progressBarId = `progress-${Date.now()}`;
                console.log('Barra de progreso creada con ID:', progressBarId);

                const {fileUrl, fileId} = await subidaChatBackend(file, progressBarId);
                console.log('Imagen cargada con éxito:', fileId, 'URL:', fileUrl);

                archivoChatId = fileId;
                archivoChatUrl = fileUrl;
                console.log('Guardado archivoChatUrl:', archivoChatUrl);

                subidaChatProgreso = false;
            } catch (error) {
                console.error('Error al cargar la imagen:', error);
                subidaChatProgreso = false;
            }
            console.log('Finalizado el proceso de subida de imagen. Estado de subidaChatProgreso:', subidaChatProgreso);
            console.log('Estado final archivoChatId:', archivoChatId, ', archivoChatUrl:', archivoChatUrl);
        };

        const subidaChatArchivo = async file => {
            console.log('Iniciando subida de archivo:', file.name, 'tamaño:', file.size, 'tipo:', file.type);
            subidaChatProgreso = true;
            previewChatArchivo.style.display = 'block';
            previewChatArchivo.innerHTML = `
                <div class="file-name">${file.name}</div>
                <div id="barraProgresoFile" class="progress" style="width: 0%; height: 100%; background-color: #4CAF50; transition: width 0.3s;"></div>`;

            try {
                console.log('Cargando archivo...');
                const progressBarId = `progress-${Date.now()}`;
                console.log('Barra de progreso creada con ID:', progressBarId);

                const {fileUrl, fileId} = await subidaChatBackend(file, progressBarId);
                console.log('Archivo cargado con éxito:', fileId, 'URL:', fileUrl);

                archivoChatId = fileId;
                archivoChatUrl = fileUrl;
                subidaChatProgreso = false;
            } catch (error) {
                console.error('Error al cargar el archivo:', error);
                subidaChatProgreso = false;
            }
        };