Tengo datos como este:
const currentData = { id: "u76u76h", type: "cardA", name: "Section 1", thumbnail: { src: "", alt: "", }, data: { avatar: { dataType: "image", src: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBXgFy56y56y56", alt: "avatar" }, album: [ { dataType: "image", src: "https://firebasestorage.googleapis.com/album_image1.png", alt: "album_image1" }, { dataType: "image", src: "https://firebasestorage.googleapis.com/album_image2.png", alt: "album_image2" } ], cards: [ { icon: { dataType: "image", src: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBXgF", alt: "card_image1" }, title: "新規事業企画担当", description: [ "企画書だけでは、「新しいビジネスの良さを理解してもらう事」が難しい！", "アイディアを実際に使ってもらって実感してもらいたい！" ] } ] } };Quiero extraer todas las direcciones URL base64 (ninguna https) y cargarlas en el almacenamiento en la nube, y después de cargar el almacenamiento, quiero actualizar las direcciones URL cargadas en el objeto de datos anterior antes de guardar el objeto de datos en la base de datos. Pero el problema es que la estructura de datos es complicada y puede haber 2 o 3 o más en el nivel anidado. Me estoy rascando la cabeza para encontrar una solución. ¡Por favor, ayúdame!
Puede usar la recursividad para ver el objeto completo. Tenga cuidado si el objeto contiene referencias circulares.
Y elimine la función isBase64Fake . Utilice isBase64 en su lugar. Agregué isBase64Fake solo para verificar su objeto.
function extractBase64(data) { const result = []; Object.keys(data).forEach((key) => { if (typeof data[key] === 'string') { isBase64Fake(data[key]) && result.push({ data, key, value: data[key] }); } else if (typeof data[key] === 'object') { result.push(...extractBase64(data[key])); } }); return result; } function uploadSomewhere(dataToUpload) { console.log('uploading...'); setTimeout(() => { dataToUpload.forEach((item) => { item.data[item.key] = 'QWERTY'; }); }, 1000); } function isBase64Fake(str) { return /^data:/.test(str); } function isBase64(str) { if (!str) { return false; } try { window.atob(base64); result = true; } catch (e) { result = false; } } const currentData = { id: "u76u76h", type: "cardA", name: "Section 1", thumbnail: { src: "", alt: "", }, data: { avatar: { dataType: "image", src: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBXgFy56y56y56", alt: "avatar" }, album: [{ dataType: "image", src: "https://firebasestorage.googleapis.com/album_image1.png", alt: "album_image1" }, { dataType: "image", src: "https://firebasestorage.googleapis.com/album_image2.png", alt: "album_image2" } ], cards: [{ icon: { dataType: "image", src: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBXgF", alt: "card_image1" }, title: "新規事業企画担当", description: [ "企画書だけでは、「新しいビジネスの良さを理解してもらう事」が難しい！", "アイディアを実際に使ってもらって実感してもらいたい！" ] }] } }; const dataToUpload = extractBase64(currentData); console.log(dataToUpload); uploadSomewhere(dataToUpload); setTimeout(() => console.log(currentData), 2000);